#notification-list-background{display:none;position:absolute;background:rgba(0,0,0,.3);width:100vw;height:100vh;top:50px;z-index:1}.notification-list{background:#fff;display:none;position:absolute;top:70px;right:10px;z-index:2;max-width:400px;width:calc(100% - 20px);border-radius:3px}.notification-list .content{margin-bottom:46px}.notification-list .footer{text-align:center;position:absolute;bottom:0;width:100%;height:66px}.notification-list .footer .all-notifications{color:#000}.notification-list:after{content:"";position:absolute;left:83.5%;bottom:100%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;clear:both}.notification{min-height:100px;background:#fff;border-radius:3px;margin:10px;padding:5px 5px 5px 10px;border-left:4px solid grey;box-shadow:0 2px 15px 0 rgba(0,0,0,.1);position:relative}.notification.unseen{border-left-color:#e1021b}.notification .header .title{font-weight:700}.notification .header .info{float:right;color:grey;font-size:14px}.notification .text{margin:3px 0 0;font-size:14px}.notification .text .mark-seen{font-size:14px;position:absolute;bottom:3px;right:4px}.content .notification .header .title{float:left;max-width:50%}.content .notification .text .inner{max-width:200px}.content .notification .mark-seen{position:absolute;bottom:3px;right:4px}.btn-all-notifications{height:36px;width:calc(100% - 20px);border-radius:50px;color:var(--white);background-color:var(--cherry-red);box-shadow:0 6px 6px -6px rgba(0,0,0,.9);border:none;margin-top:24px}body{overflow-y:scroll}.pagination{padding-bottom:25px}