#sidepanel{background:#2c3e50;color:#f5f5f5}#sidepanel #profile .wrap img{width:50px;border-radius:50%;padding:3px;border:2px solid #e74c3c;height:auto;float:left;cursor:pointer;-moz-transition:.3s border ease;-o-transition:.3s border ease;-webkit-transition:.3s border ease;transition:.3s border ease}#sidepanel #profile .wrap #status-options ul li span.status-circle:before{content:'';position:absolute;width:14px;height:14px;margin:-3px 0 0 -3px;background:0 0;border-radius:50%;z-index:0}#sidepanel #profile .wrap #expanded input{border:none;margin-bottom:6px;background:#32465a;border-radius:3px;color:#f5f5f5;padding:7px;width:calc(100% - 43px)}#sidepanel #profile .wrap #expanded input:focus{outline:0;background:#435f7a}#sidepanel #search{border-top:1px solid #32465a;border-bottom:1px solid #32465a;font-weight:300;width:100%}#sidepanel #search label{position:absolute;margin:10px 0 0 20px}#sidepanel #search input{font-family:Sahel,sans-serif;padding:10px 0 10px 46px;width:calc(100% - 25px);border:none;background:#32465a;color:#f5f5f5}#sidepanel #search input:focus{outline:0;background:#435f7a}#sidepanel #search input::-webkit-input-placeholder{color:#f5f5f5}#sidepanel #search input::-moz-placeholder{color:#f5f5f5}#sidepanel #search input:-ms-input-placeholder{color:#f5f5f5}#sidepanel #search input:-moz-placeholder{color:#f5f5f5}#sidepanel #contacts{height:calc(100% - 177px);overflow-y:scroll;overflow-x:hidden}#sidepanel #contacts.expanded{height:calc(100% - 334px)}#sidepanel #contacts::-webkit-scrollbar{width:8px;background:#2c3e50}#sidepanel #contacts::-webkit-scrollbar-thumb{background-color:#243140}#sidepanel #contacts ul li.contact{position:relative;display:inline-block;padding:10px 0 15px 0;font-size:.9em;cursor:pointer}#sidepanel #contacts ul li.contact:hover{background:#32465a}#sidepanel #contacts ul li.contact.active{background:#345213;border-right:5px solid #435f7a}#sidepanel #contacts ul li.contact.active span.contact-status{border:2px solid #32465a!important}#sidepanel #contacts ul li.contact .wrap{margin:0 auto;position:relative}#sidepanel #contacts ul li.contact .wrap span{border:2px solid #2c3e50;background:#95a5a6}#sidepanel #contacts ul li.contact .wrap img{width:40px;border-radius:50%;float:left;margin-right:10px}#sidepanel #contacts ul li.contact .wrap .meta{padding:5px 0 0 0}#sidepanel #contacts ul li.contact .wrap .meta .name{font-weight:600}#sidepanel #contacts ul li.contact .wrap .meta .preview{margin:5px 0 0 0;padding:0 0 1px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-transition:1s all ease;-o-transition:1s all ease;-webkit-transition:1s all ease;transition:1s all ease}#sidepanel #contacts ul li.contact .wrap .meta .preview span{position:initial;border-radius:initial;background:0 0;border:none;padding:0 2px 0 0;margin:0 0 0 1px;opacity:.5}#sidepanel #bottom-bar{position:absolute;width:100%;bottom:0}#sidepanel #bottom-bar button{border:none;padding:10px 0;background:#32465a;color:#f5f5f5;cursor:pointer;font-size:.85em;font-family:Sahel}#sidepanel #bottom-bar button:focus{outline:0}#sidepanel #bottom-bar button:nth-child(1){border-right:1px solid #2c3e50}#sidepanel #bottom-bar button:hover{background:#435f7a}#sidepanel #bottom-bar button i{margin-right:3px;font-size:1em}.content{width:100%;height:580px;overflow:hidden;position:relative}.content .contact-profile{width:100%;height:60px;line-height:60px;background:#f5f5f5}.content .contact-profile img{width:40px;border-radius:50%;float:left;margin:9px 12px 0 9px}.content .contact-profile .social-media i:nth-last-child(1){margin-right:20px}.content .messages{height:auto;min-height:calc(100% - 93px);max-height:calc(100% - 93px);overflow-y:scroll;overflow-x:hidden}.content .messages::-webkit-scrollbar{width:8px;background:0 0}.content .messages::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.content .messages ul li{display:inline-block;clear:both;margin:15px 15px 5px 15px;width:calc(100% - 25px);font-size:.9em}.content .messages ul li:nth-last-child(1){margin-bottom:20px}.content .messages ul li.sent img{margin:6px 8px 0 0;border-color:#c8caa7;border-style:solid;border-radius:50px!important}.content .messages ul li.sent p{background:#435f7a;border-color:#c8caa7;border-style:solid;color:#f5f5f5;border-radius:50px!important}.content .messages ul li.replies img{float:right;margin:6px 0 0 8px;border-color:#c5a7ca;border-style:solid;border-radius:50px!important}.content .messages ul li.replies p{background:#f5f5f5;border-color:#c5a7ca;border-style:solid;float:right;border-radius:50px!important}.content .messages ul li img{width:22px;border-radius:50%;float:left}.content .messages ul li p{display:inline-block;padding:10px 15px;border-radius:20px;max-width:205px;line-height:130%}.content .message-input{position:absolute;bottom:0;width:100%;z-index:99}.content .message-input .wrap{position:relative}.content .message-input .wrap input{font-family:proxima-nova,"Source Sans Pro",sans-serif;float:left;border:none;width:calc(100% - 90px);padding:11px 32px 10px 8px;font-size:.8em;color:#32465a}.content .message-input .wrap input:focus{outline:0}.content .message-input .wrap .attachment{position:absolute;right:60px;z-index:4;margin-top:10px;font-size:1.1em;color:#435f7a;opacity:.5;cursor:pointer}.content .message-input .wrap .attachment:hover{opacity:1}.content .message-input .wrap button{float:right;border:none;width:50px;padding:12px 0;cursor:pointer;background:#32465a;color:#f5f5f5}.content .message-input .wrap button:hover{background:#435f7a}.content .message-input .wrap button:focus{outline:0}