div#friend-sidebar{width:16vw;min-width:250px;max-width:300px;height:100vh;background-color:#fff;font-size:9pt;padding:80px 0 15px;position:fixed;top:0;right:0;z-index:2}div#friend-sidebar div#friend-sidebar-inner{position:relative}div#friend-sidebar div#friends-label{width:100%;height:58px;border:1px solid #4a90e2;background-color:#4a90e2;font-weight:200;font-size:18pt;color:#fff;text-align:left;padding:12px 20px;position:relative;margin-bottom:10px}div#friend-sidebar ul{height:82vh;list-style:none;padding:0;margin:35px 0 0;overflow-x:hidden;overflow-y:auto}div#friend-sidebar.profile ul{height:69vh}div#friend-sidebar.less-padding ul{height:80vh}div#friend-sidebar ul a,div#friend-sidebar ul a li{text-decoration:none!important}div#friend-sidebar ul li{padding:5px;position:relative}div#friend-sidebar ul li.new{font-weight:700}div#friend-sidebar ul li:hover{background-color:#eee;text-decoration:underline}div#friend-sidebar ul li img.photo{width:40px;height:40px;border-radius:20px 20px 20px 20px;-moz-border-radius:20px;-webkit-border-radius:20px;margin-left:7px;margin-right:5px}div#friend-sidebar ul li div.online{width:12px;height:12px;border:1px solid #20ed38;background-color:#20ed38;border-radius:6px 6px 6px 6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:absolute;top:34px;left:40px;z-index:2}div#friend-sidebar ul li div.name{width:70%;height:34px;font-size:12pt;color:#4e5051;line-height:1.1em;vertical-align:middle;padding-top:1px;display:inline-block}div#friend-sidebar ul li div.name.padding{padding-top:8px}div#friend-sidebar ul li div.name small{color:#b9b5b5!important}div#friend-sidebar ul li img.chat{width:18px;height:18px;position:absolute;top:8px;right:10px;opacity:.2;filter:alpha(opacity=20)}div#friend-sidebar h3 div.count{right:30px;padding-top:3px}div#friend-sidebar ul li div.count{width:16px;height:16px;border-radius:8px 8px 8px 8px;-moz-border-radius:8px;-webkit-border-radius:8px;font-size:7pt;padding-top:1px;top:4px;right:0;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;transform-origin:50% 50%;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0)}div#friend-sidebar ul li div.count.active{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}div#friend-sidebar span.ts{font-size:9pt;color:#777;position:absolute;top:15px;right:5px}div#friend-sidebar ul a li{color:#333!important}div#friend-sidebar ul::-webkit-scrollbar{height:12px;width:5px;background:#fff}div#friend-sidebar ul::-webkit-scrollbar-thumb{background:#ddd}div#friend-sidebar ul::-webkit-scrollbar-corner{background:#fff}div#friend-sidebar div#no-friends{width:90%;border:1px solid #ccc;font-size:11pt;padding:10px 15px;margin:0 auto;display:block}div#friend-sidebar .btn-red{width:94%;height:64px;border:1px solid red!important;background-color:red!important;border-radius:64px 64px 64px 64px!important;-webkit-border-radius:64px!important;font-size:13pt;color:#fff!important;text-align:center;line-height:1.3em;padding-top:10px;margin:0 auto 15px;display:block}div#friend-sidebar ul li div.new-taps{width:20px;height:20px;border:1px solid red;background-color:red;border-radius:10px 10px 10px 10px;-moz-border-radius:10px;-webkit-border-radius:10px;font-weight:400!important;font-size:9pt;color:#fff;text-align:center;padding-top:1px;position:absolute;top:1px;left:35px;z-index:2}div#friend-sidebar a.friends-invite-link{height:20px;font-weight:700;font-size:11pt;color:red;position:absolute;top:65px;left:55px}