.obNotif{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);color:#FFF;font-family:Helvetica,Arial,sans-serif;padding-top:10px;padding-bottom:7px;z-index:9000;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.obNotifWrapper{width:40%;height:92%;margin:0 auto;overflow:hidden}.obNotifScrollable{width:42%;width:calc(100% + 16px);height:100%;overflow-y:scroll}.obNotifBottomBar{width:100%;position:absolute;bottom:10px;left:0;text-align:center;cursor:pointer;font-weight:700;font-size:25px}.obNotifContent{padding-bottom:35px}.obNotifBottomBar:after{content:"__________"}.obNotifContent{width:90%;width:calc(100% - 50px);float:left}.obNotifImgWrapper{position:relative;top:5px;float:left;width:40px;margin-right:10px}.obNotifImg{width:40px}.obNotifTitleWrapper{border-bottom:1px solid rgba(255,255,255,.9);border-color:rgba(255,255,255,.9);border-width:1px;font-size:20px;margin-bottom:10px;margin-top:4px;text-align:left}.obNotifTitle{float:left}.obNotifCloseItem{cursor:pointer;text-align:right}.obNotifCloseItem:after{content:"X"}.obNotifDescription{border-bottom:1px solid rgba(255,255,255,.2);border-color:rgba(255,255,255,.2);border-width:1px;font-size:14px;margin-bottom:10px;margin-left:20px;padding-bottom:5px;text-align:left}.obNotifEmpty{position:relative;top:40%;font-size:20px;text-align:center}