.notifications-app{float:right;margin-top:10px}.notifications-app .glyphicon{color:#fff;font-size:18px}.r-notification{width:100%;height:450px;position:absolute;top:0;left:0;z-index:2;transform:translate(-400px,0);transition:all .3s ease-in-out}.r-notification.active{transform:translate(0,0)}.r-notification .desc{padding:20px;white-space:pre-wrap;word-wrap:break-word;width:100%}.r-notification .date{padding:0 20px 20px 20px;text-align:right;color:#999;width:100%}.r-notification button{display:block;width:50px;height:30px;margin:auto;margin-top:4px;background-color:transparent;border:none;outline:none}.r-notification button:hover{cursor:pointer}.r-notification button .back{display:block;width:40px;height:4px;background-color:#ccc;position:relative;border-radius:4px}.r-notification button .back:before{content:'';width:0;height:0;border-top:7px solid transparent;border-right:7px solid #ccc;border-bottom:7px solid transparent;position:absolute;top:-5px;left:-5px}.r-notifications{width:100%;height:450px;z-index:1;overflow:hidden;position:relative;z-index:0}.r-notifications ul.rn-ul{padding:0}.r-notifications li.rn-item{width:100%;padding:10px 0;list-style:none;cursor:pointer;position:relative;border-bottom:1px solid #f5f5f5}.r-notifications li.rn-item .container{padding:0 0 0 15px}.r-notifications li.rn-item:before{display:none;content:'';width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:8px;background-color:#5ba641;border-radius:50%}.r-notifications li.rn-item:hover{background-color:#fcfcfc;box-shadow:inset 0 0 2px #f2f2f2}.r-notifications li.rn-item.new:before{display:block}.r-notifications li.rn-item:last-child{border:none}.r-notifications li.rn-item .short-desc{width:90%;margin:5px 15px}.r-notifications li.rn-item .short-desc .glyphicon{color:#8a8d99;font-size:12px;padding:0 2px}.r-notifications li.rn-item .short-desc .glyphicon:hover{color:#5ba641}.r-notifications li.rn-item .short-desc:hover .title{text-decoration:underline}.r-notifications li.rn-item .short-desc .title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.r-notifications li.rn-item .short-desc .message{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.r-notifications li.rn-item .short-desc .date{display:block;font-size:10px;color:#999;clear:both;margin-top:5px;text-align:right}.react-notification-center{width:24px;height:24px;position:relative;z-index:99999}.react-notification-center *,.react-notification-center *:before,.react-notification-center *:after{box-sizing:border-box}.react-notification-center .notification-icon-wrapper{cursor:pointer}.react-notification-center .r-notifications-icon{position:absolute;top:-5px;left:12px;background:#ccc;border-radius:50px;font-size:.9rem;font-weight:600;min-width:12px;max-width:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;height:13px;line-height:13px;text-align:center;box-shadow:0 0 0 1px #0a5582;color:#fff;letter-spacing:.02rem}.react-notification-center .r-notifications-icon.active{background-color:#ff5c5c}.react-notification-center .notification-icon-wrapper:hover .r-notifications-icon{transform:scale(1.1)}.react-notification-center .r-notifications-icon.pulse{animation-name:pulse_animation;animation-duration:300ms;animation-iteration-count:2;animation-timing-function:linear;-webkit-animation-name:webkit_pulse_animation;-webkit-animation-duration:300ms;-webkit-animation-iteration-count:2;-webkit-animation-timing-function:linear}.react-notification-center .rn-header{width:100%;height:50px;background-color:#5ba641;border-bottom:1px solid #f0f0f0;border-top-right-radius:3px;border-top-left-radius:3px;overflow:hidden}.react-notification-center .rn-header h4{padding:0 20px;margin:0;line-height:50px;color:#fff;width:80%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.react-notification-center .rn-header a{padding:4px 20px 20px 20px;margin:0;line-height:50px;color:#fff}.react-notification-center .rn-content{width:100%;height:360px;background-color:#fff;overflow:hidden;overflow-y:auto;font-size:14px}.react-notification-center .rn-content::-webkit-scrollbar{width:5px}.react-notification-center .rn-content::-webkit-scrollbar-track{background:#f1f1f1}.react-notification-center .rn-content::-webkit-scrollbar-thumb{height:10px;background:#888}.react-notification-center .rn-content::-webkit-scrollbar-thumb:hover{background:#555}.react-notification-center .rn-content .no-rn{width:100%;height:100%;text-align:center;color:#999;line-height:250px;overflow:hidden}.react-notification-center .rn-footer{width:100%;height:40px;background-color:#fcfcfc;border-top:1px solid #f0f0f0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;overflow:hidden}.react-notification-center .rn-footer h4{color:#5ba641;text-align:center}.react-notification-center .rn-footer a:hover{text-decoration:none}.react-notification-center .rr-wrapper{box-shadow:3px 3px 25px #dbdbdb;border-radius:3px;width:350px;height:450px;position:absolute;z-index:1}.react-notification-center .rr-wrapper.left{top:40px;left:-300px}.react-notification-center .rr-wrapper:before{content:'';width:0;height:0;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid #5ba641;position:absolute;top:-15px;left:294px}.react-notification-center .rr-wrapper .notification-holder{width:100%;height:100%;position:absolute;overflow:hidden;border-radius:3px}.react-notification-center.light-theme .notification-box{background-color:#fff}.react-notification-center.light-theme .notification-list .header{border-bottom:1px solid #f0f0f0}.react-notification-center.light-theme .notification-list .header h4{color:#666}.react-notification-center.light-theme .notification-list .contents li.item{border-bottom:1px solid #f9f9f9}.react-notification-center.light-theme .notification-list .contents li.item .short-desc{color:#444}.react-notification-center.light-theme .notification-list .footer{border-top:1px solid #f0f0f0}@-webkit-keyframes webkit_pulse_animation{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}@keyframes pulse_animation{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}