.notifications-app{background-color:#fff;padding:30px;position:relative}.notifications-app h2{margin:0 0 30px 0}.notifications-app .notifications{border-top:1px solid #d7d7d7}.notifications-app .no-notifications{color:#979797;text-align:center;height:60px}.notifications-app.notifications-dropdown .no-notifications{display:table}.notifications-app.notifications-dropdown .no-notifications p{display:table-cell;vertical-align:middle}.notifications-dropdown{background-color:#fff;padding:0;color:#484848;min-height:60px}.notifications-dropdown .footer,.notifications-dropdown .heading{text-align:center;padding:0}.notifications-dropdown .footer p,.notifications-dropdown .heading p{margin:0}.notifications-dropdown .heading{margin-bottom:15px;font-weight:700}.notifications-dropdown .footer{padding-top:15px;padding-bottom:7.5px;border-top:1px solid #d7d7d7}.notifications-dropdown .footer a{text-decoration:underline}.notifications-dropdown .list{overflow:hidden;max-height:250px}.notifications-dropdown .notifications{border-top:0}.notifications-dropdown .notification{padding-right:6px}.notification{border-bottom:1px solid #d7d7d7;background-color:#fff;cursor:default;font-size:12px;font-size:1.2rem;min-height:59px}.notification:last-child{border-bottom:none}.notification.unread{background-color:#f1f1f1}.notification>a{display:block}.notification>a:hover{background-color:#fafafa}.notification:hover .actions{display:block}.notification .inner{padding:15px;position:relative}.notification .title{margin:0;font-weight:700;font-size:14px;font-size:1.4rem}.notification .time{color:#979797}.notification .image{height:29px;width:29px;float:left;background-image:url(/assets/images/notifications/icon-sprite.png);margin-right:15px}.notification .image.success{background-position:-145px 0}.notification .image.info{background-position:-174px 0}.notification .image.warning{background-position:-203px 0}.notification .image.alert{background-position:-58px 0}.notification .image.play{background-position:0 0}.notification .image.exchange{background-position:-116px 0}.notification .image.share{background-position:-87px 0}.notification .image.expand{background-position:-29px 0}.notification .content{overflow:hidden;padding-right:12px}.notification .actions{position:absolute;display:none;right:15px;top:15px;cursor:pointer}.notification .actions>span{display:inline-block}.notification .actions .mark-read{width:10px;height:10px;background-image:url(/assets/images/notifications/icon-sprite.png);background-position:-39px -38px}.notification .actions .mark-read:hover{background-position:-10px -38px}.notifications.compact .notification{font-size:12px;font-size:1.2rem;min-height:44px}.notifications.compact .notification .inner{padding:7.5px}.notifications.compact .notification .title{font-size:12px;font-size:1.2rem}.notifications.compact .notification .image{margin-right:7.5px}.notifications.compact .notification .actions{right:7.5px;top:7.5px}