#chat .nav-chat {width:40px; background:#FAFAFA; position:absolute; left:0; top:0; bottom:0; z-index:50;} #chat .nav-chat a, #chat .nav-chat a:hover, #chat .nav-chat a:focus, #chat .nav-chat a:active {background:#FAFAFA; color: #999; position:relative;} #chat .nav-chat .active {} #chat .nav-chat .active a, #chat .nav-chat .active a:hover, #chat .nav-chat .active a:focus {background:#ddd;} #chat .nav-chat .active:before { font-family:'FontAwesome'; font-size:22px; content:"\f0d9"; color:#fff; position:absolute;  width:10px;  height:10px;  right:-3px;  top:5px;  z-index:1001; } #chat .nav-chat .nav-user a {padding:5px 5px;} #chat .nav-chat img { display:block; max-width:100%; -webkit-opacity: .6; -moz-opacity: .6; opacity: .6; -ms-filter: alpha(opacity=60); filter: alpha(opacity=60); } #chat .nav-chat a:hover img { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); } #chat .nav-chat a .badge { background: none repeat scroll 0 0 #f23232; border-radius: 100%; font-size: 8px; font-weight: 400; padding: 2px 5px; position: absolute; left: 3px; top: 25px; } #chat .tab-content {height:100%; overflow:auto; position:relative;} #chat .tab-pane {height:100%; } #chat .tab-pane.active {display:table; width:100%;} #chat .sidebar-chat {height:100%; padding-left:40px; background:#fff;} #chat .chat-search {width:200px; position:fixed; top:0; right:0; z-index:50;} #chat .chat-search input {height:39px; border:none; border-bottom:1px solid #ddd; font-size:12px;} #chat .chat-search input::-moz-placeholder, #chat .chat-search input:-ms-input-placeholder, #chat .chat-search input::-webkit-input-placeholder {color: #999;} #chat .chat-search .fa-spinner {position:absolute; right:10px; top:14px;} #chat .chat-search .btn {position:absolute; right:10px; top:9px;} #chat .status {position:relative; display:block; float:left;} #chat .status:before {content:" "; border-radius:50%; border:2px solid #fff; background-color:#1aae88; width:10px; height:10px; position:absolute; left:0; top:0; } #chat .offline:before {background-color:#ccc;} #chat .chat-user-list {list-style:none; padding:0;} #chat #chat-users .chat-user-list {margin-top:40px;} #chat .chat-user-list li {display:table; width:100%; border-bottom:1px solid #FAFAFA;} #chat .chat-user-list a {display:block; padding:15px 10px;} #chat .chat-user-list a:hover {background:#FAFAFA;} #chat .chat-user-list img {width:35px; margin-right:5px;} #chat .chat-user-list .badge { background: none repeat scroll 0 0 #f23232; border-radius: 100%; font-size: 10px; font-weight: 400; padding: 2px 5px; position: absolute; left: 0; top: 20px; } #chat .chat-user-list .media .status {display:block; float:left;} #chat .chat-user-list .media .status:before {top:3px; left:-3px;} #chat .chat-user-list .media small {display:block;} #chat .chat-user-list .unread a {color:#333; font-weight:600;} #chat .user-message {position:relative; z-index:1000; background:#fff;} #chat .chat-contact {width:200px; border-bottom:1px solid #ddd; background:#fff; overflow:auto; position:fixed; top:0; right:0; z-index:50;} #chat .chat-contact .actions {height:39px; border-bottom:1px solid #ddd; padding:10px 10px 0;} #chat .chat-contact .actions a {color:#666;} #chat .chat-contact .actions .active {color:#F90;} #chat .chat-contact .user {padding:10px;} #chat .chat-contact .user img {width:25px; margin-right:5px;} #chat .chat-contact .ellipsis {display: inline-block; width:135px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #chat .messages {width:200px; position:fixed; top:95px; bottom:60px; right:0; z-index:50;} #chat .messages .wrapper {height:100%; overflow:auto;} #chat .messages .load-more {text-align:center;} #chat .messages .loading {width:100%; height:200px; text-align:center; font-size:36px; display:none; position:absolute;} #chat .chat-messages {list-style:none; padding:0; } #chat .chat-messages li {padding:15px 15px 0; border-bottom:1px solid #fafafa;} #chat .chat-messages li:last-child {border:none;} #chat .chat-messages h4 {font-size:12px; font-weight:600; color:#428bca; margin-top:0;} #chat .chat-messages article {margin-bottom:15px;} #chat .chat-messages small {display:block; font-size:10px; color:#999;} #chat .chat-messages p {font-size:12px; } #chat .chat-messages .message-right {text-align:right;} #chat .user-message .typing { width:200px; position:fixed; bottom:64px; right:0; z-index:50;vertical-align:middle;height:15px; } #chat .user-message textarea {width:200px; height:60px; font-size:12px; position:fixed; bottom:0; right:0; z-index:50;} #chat .chat-sender {}