#chat{width:280px;background-color:#323232;border-top-left-radius:7px;border-top-right-radius:7px;position:fixed;bottom:5px;right:5px;font-size:13px;font-family:'Gotham',Helvetica,sans-serif;z-index:1000;border:solid 2px #bcb5b9;}#chat .bottomLine{border-bottom:solid 2px #fff;z-index:1}#chat .header{height:34px;}#chat .header > div.title{width:39px;height:22px;font-size:18px;color:#fff;padding-top:9px;padding-left:12px;display:inline-block}#chat .header .actions{margin-top:10px;margin-right:10px;float:right;display:inline-block;}#chat .header .actions > div{display:inline-block}#chat .header .actions .minimaze{width:11px;border-bottom:solid 3px #fff;margin-right:4px;height:15px;cursor:pointer}#chat .header .actions .exit{width:15px;height:18px;font-family:FontAwesome;font-size:18px;line-height:.8;color:#fff;cursor:pointer}#chat .header #allChatMarks{line-height:20px;position:absolute;top:-10px;left:-10px;}#chat .header #allChatMarks *{line-height:20px;-webkit-border-radius:20px;border-radius:20px;text-align:center;padding:0 5px;min-width:10px;display:none}#chat .header #allChatMarks #allUnreadMark{background:#f00;color:#fff}#chat .header #allChatMarks #allInitialChats{background:#7fffd4;color:#000}#chat > div.body{width:270px;height:390px;background-color:#f1f5f9;padding-left:5px;padding-right:5px;}#chat > div.body .content{position:relative}#chat > div.body .avatar{-webkit-border-radius:50%;border-radius:50%;background:#fff;overflow:hidden;width:45px;height:45px}#chat > div.body .simplebar-track .simplebar-scrollbar{width:4px;-webkit-border-radius:0;border-radius:0}#chat > div.body.chat .target{padding-top:11px;padding-bottom:8px;height:50px;}#chat > div.body.chat .target > div{display:inline-block}#chat > div.body.chat .target .infoBlock{vertical-align:top;font-size:14px;margin-top:5px;}#chat > div.body.chat .target .infoBlock .label{color:#898989;margin-bottom:3px}#chat > div.body.chat .messages{height:200px;}#chat > div.body.chat .messages .message{margin-bottom:10px;font-family:Arial;font-size:11;}#chat > div.body.chat .messages .message .title{margin-bottom:8px;}#chat > div.body.chat .messages .message .title > div{display:inline-block}#chat > div.body.chat .messages .message .title .avatar{-webkit-border-radius:50%;border-radius:50%;background:#f1f5f9;overflow:hidden;margin-left:3px;width:18px;height:18px;position:relative;top:5px}#chat > div.body.chat .messages .message .title .name{font-weight:bold}#chat > div.body.chat .messages .message .title .time{color:#cfcfde;font-weight:bold}#chat > div.body.chat .messages .message .body{min-height:20px;width:88%;border-bottom-right-radius:20px;border-bottom-left-radius:20px;background-color:#ff5b1f;margin-left:15px;padding-left:10px;padding-top:13px;padding-bottom:10px;color:#fff}#chat > div.body.chat .messages .message.in .body{border-top-right-radius:20px;background-color:#ff5b1f}#chat > div.body.chat .messages .message.out .body{border-top-left-radius:20px;background-color:#3f8cd8}#chat > div.body.chat .messages .message.out .title{text-align:right;margin-right:15px}#chat .sendBlock{padding-top:15px;padding-left:10px;padding-right:10px;}#chat .sendBlock textarea{width:98%;height:54px;resize:none;border:0}#chat .sendBlock div{margin-top:4px;font-family:Helvetica;font-size:15px;color:#fff;text-transform:uppercase;background-color:#3f8cd8;display:inline-block;float:right;height:20px;vertical-align:middle;text-align:center;padding-top:6px;padding-left:5px;padding-right:5px;-webkit-border-radius:7px;border-radius:7px;cursor:pointer}#chat .sendBlock div:hover{background-color:#3273b5}#chat > div.body.contacts .contactList{height:390px;padding-left:10px;padding-right:10px;}#chat > div.body.contacts .contactList .contact{width:92%;padding-top:20px;padding-bottom:20px;cursor:pointer;}#chat > div.body.contacts .contactList .contact > div{display:inline-block;vertical-align:middle}#chat > div.body.contacts .contactList .contact .avatar{margin-left:4px}#chat > div.body.contacts .contactList .contact .name{margin-left:6px}#chat > div.body.contacts .contactList .contact .unreadMessagesCount{-webkit-border-radius:50%;border-radius:50%;background:#f00;line-height:20px;min-width:10px;padding:0 5px;color:#fff;text-align:center;display:none}.tabs{background:#fff;height:35px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}.tabs div{width:50%;height:100%;display:inline-block;font-size:18px;color:#898989;text-align:center;line-height:2;cursor:pointer;z-index:2}.tabs div:hover{background:#eee}.tabs .active{border-top:solid 3px #979797}