div#popup-notifications{width:380px;max-height:35vh;min-height:35vh;border:1px solid #d8d8d8;box-shadow:0 3px 5px 0 rgba(0,0,0,.1),0 3px 6px 0 rgba(0,0,0,.02);padding:0;position:fixed;top:30px;left:50vw;margin-left:197px}div#popup-notifications div.offset{width:20px;height:20px;border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;background-color:#fff;position:absolute;top:-11px;right:38px;z-index:2;transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg)}div#popup-notifications button.close{font-size:20pt;color:#777;opacity:.8;filter:alpha(opacity=80)}div#popup-notifications button.close:hover{opacity:1;filter:alpha(opacity=100)}div#popup-notifications div.tabs{width:90%!important}div.notifications{width:100%;height:30vh;overflow-x:hidden;overflow-y:auto}div.notifications::-webkit-scrollbar{height:12px;width:5px;background:#fff}div.notifications::-webkit-scrollbar-thumb{background:#ddd}div.notifications::-webkit-scrollbar-corner{background:#fff}div.notification{border-bottom:1px solid #d8d8d8;font-size:10pt;padding:10px 35px 10px 15px;position:relative;cursor:pointer;opacity:1;filter:alpha(opacity=100);transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out}div.friend.noti:last-child,div.notification:last-child{border-bottom:none}div.friend.noti div.avatar,div.notification div.avatar{width:40px;vertical-align:top;margin-right:15px;display:inline-block}div.friend.noti div.avatar img,div.notification div.avatar img{width:40px;height:40px;border-radius:20px 20px 20px 20px;-moz-border-radius:20px;-webkit-border-radius:20px;margin-left:10px}div.notification div.details{width:280px;display:inline-block}div.friend.noti div.details,div.notification div.details{font-size:10pt!important;color:#999;line-height:1.4em!important;vertical-align:top}div.friend.noti div.buttons,div.friend.noti div.details{width:140px!important;display:inline-block}div.notification.empty{text-align:center;padding:20px}div.notification div.details a:not(.collection-invite-respond){color:#444!important}.collection-invite-respond{font-size:12pt;color:red!important;position:relative;top:4px;float:right}@media (max-width:767px){.collection-invite-respond{top:18px}}div.notification small{font-size:9pt;color:#999}div.notification button.btn-small{margin-top:5px}div.notification div.date{width:75px;font-size:8pt;color:#999;display:inline-block}div.notification div.new{width:auto;font-size:10pt;color:red;position:absolute;top:19px;right:45px}div.notification button.notification-remove{width:22px!important;height:22px!important;border:1px solid #777!important;border-radius:11px 11px 11px 11px!important;-moz-border-radius:11px!important;-webkit-border-radius:11px!important;background:#fff!important;box-shadow:none!important;font-weight:700;font-size:14pt!important;line-height:.5em;padding:5px!important;position:absolute;top:18px;right:18px;opacity:.8;filter:alpha(opacity=80);cursor:pointer}div.notification.remove{margin-left:-100px;opacity:0;filter:alpha(opacity=0)}.no-notifications{position:absolute;top:50%;left:30%}div.friend span.request-sent{font-style:italic;font-size:10pt;color:#777;position:relative;top:4px;margin-right:5px}