@import url(https://fonts.googleapis.com/css?family=Nunito);@import url(https://fonts.googleapis.com/css?family=Lato:400,700);.navbar-laravel{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.04)}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#919191;border:1px solid #919191;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#555}.container-chat{margin:0 auto;width:100%;height:calc(100% - 65px);border-radius:5px}.people-list{width:260px;height:100%;float:left;border-right:1px solid #d8dadf;border-left:1px solid #d8dadf}.people-list .search{padding:10px;position:relative}.people-list .search i{position:absolute;top:27px;left:20px;color:#9a9ea7}.people-list input{border-radius:25px;border:none;margin:5px 0;padding:10px 10px 10px 30px;width:100%;font-size:14px}.people-list ul{height:calc(100% - 97px);border-top:1px solid #d8dadf}.people-list ul .active{background:#d8dadf}.people-list ul li{list-style:none;cursor:pointer;position:relative;padding:5px 20px;border-bottom:1px solid #d8dadf}.people-list ul li:hover{background:#ecedef}.people-list ul li .count_msg{position:absolute;left:40px;color:#fff;background:red;padding:0 5px;border-radius:50%;font-size:12px}.people-list ul li .title{font-weight:700}.people-list ul li .name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;color:#92959e}.people-list ul li .avatar{height:50px;width:50px;overflow:hidden;border-radius:50%;float:left}.people-list ul li .avatar img{width:50px}.people-list ul li .status{color:#92959e;position:absolute;top:35px;left:60px}.people-list .about{float:left;margin-top:8px;padding-left:8px}.chat{width:calc(100% - 260px);float:left;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#434651}.chat .chat-header{padding:10px 15px 11px;border-bottom:1px solid #d8dadf;border-right:1px solid #d8dadf}.chat .chat-header .avatar{height:50px;width:50px;overflow:hidden;border-radius:50%;float:left}.chat .chat-header .avatar img{width:50px}.chat .chat-header .chat-about{float:left;padding-left:10px;margin-top:6px}.chat .chat-header .chat-about .status{font-size:13px}.chat .chat-header .chat-with{font-weight:700;font-size:16px}.chat .chat-header .chat-with span{font-size:13px;color:#92959e}.chat .chat-header .chat-num-messages{color:#92959e}.chat .chat-header .fa-star{float:right;color:#92959e;font-size:20px;margin-top:12px}.chat .chat-history{padding:15px;overflow-y:scroll;height:569px;border-right:1px solid #d8dadf;background:#fff}.chat .chat-history ul li{list-style:none}.chat .chat-history .message-data{margin-bottom:15px;clear:both}.chat .chat-history .message-data-time{color:#a8aab1;font-size:10px}.chat .chat-history .message{color:#fff;padding:10px;line-height:22px;font-size:14px;border-radius:20px;max-width:250px;position:relative}.chat .chat-history .my-message{background:#0084ff;border-bottom-right-radius:0}.chat .chat-history .other-message{background:#92959e;border-bottom-left-radius:0;float:left}.chat .chat-message{padding:15px;background:#d8dadf;border:1px solid #d8dadf;position:relative}.chat .chat-message textarea{width:100%;border:none;padding:10px 20px;font:14px/22px Lato,Arial,sans-serif;margin-bottom:10px;border-radius:5px;resize:none}.chat .chat-message .typing{position:absolute;font-size:13px;color:#92959e;top:-30px}.chat .chat-message .fa-file-image-o,.chat .chat-message .fa-file-o{font-size:16px;color:grey;cursor:pointer}.chat .chat-message button{float:right;color:#0084ff;font-size:16px;text-transform:uppercase;border:none;cursor:pointer;font-weight:700;background:#f2f5f8}.chat .chat-message button:hover{color:#0072db}.me,.offline,.online{margin-right:3px;font-size:10px}.online{color:#86bb71}.offline{color:#92959e}.me{color:#0084ff}.align-left{text-align:left}.align-right{text-align:right}.float-right{float:right}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}