.main-header{width:100%;background:rgba(0,0,0,.85);margin-bottom:40px}.main-header .header-wrapper{overflow:hidden;height:100%;position:relative;padding:30px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width:600px){.main-header .header-wrapper{display:block}}.main-header .header-wrapper .header-left{-webkit-box-flex:1;-ms-flex:1;flex:1}.main-header .header-wrapper .header-left h1{color:#fff;margin-bottom:0}.main-header .header-wrapper .header-left h4.subtitle{color:#aaa}.main-header .header-wrapper .header-right{width:300px}@media(max-width:600px){.main-header .header-wrapper .header-right{width:100%}}@-webkit-keyframes pulseLive{0%{opacity:.8;-webkit-box-shadow:0 0 0 1px #65c565;box-shadow:0 0 0 1px #65c565}50%{-webkit-box-shadow:none;box-shadow:none;opacity:1}to{opacity:.8;-webkit-box-shadow:0 0 0 1px #65c565;box-shadow:0 0 0 1px #65c565}}@keyframes pulseLive{0%{opacity:.8;-webkit-box-shadow:0 0 0 1px #65c565;box-shadow:0 0 0 1px #65c565}50%{-webkit-box-shadow:none;box-shadow:none;opacity:1}to{opacity:.8;-webkit-box-shadow:0 0 0 1px #65c565;box-shadow:0 0 0 1px #65c565}}.notifications-page .main-header{margin-bottom:0}@media(min-width:600px){.notifications-page .notifications-container{margin:20px 10%}}.notifications-page .notifications-container .no-unread-messages{text-align:center;margin:20px;padding:10px;color:#62c462;font-size:18px}.notifications-page .notifications-container .read-all-messages{text-align:center;margin:20px;padding:10px}.notifications-page .notifications-container .notificationCard{border:1px solid #ddd;border-radius:4px;border-left:4px solid #62c462;margin:5px;padding:10px;font-weight:700;position:relative;background:hsla(0,0%,100%,.04)}.notifications-page .notifications-container .notificationCard:hover{-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-transition:all .2s ease;transition:all .2s ease;opacity:1}.notifications-page .notifications-container .notificationCard:not(.opened):after{content:"";height:5px;width:5px;background:#62c462;position:absolute;top:11px;right:10px;border-radius:100%;-webkit-animation:pulseLive .8s ease infinite;animation:pulseLive .8s ease infinite}.notifications-page .notifications-container .notificationCard:not(.opened):before{content:"N\C3O LIDA";color:#ccc;font-family:Oswald,monospace;font-size:11px;position:absolute;top:7px;right:20px}.notifications-page .notifications-container .notificationCard .notification-date{font-size:12px}.notifications-page .notifications-container .notificationCard .notification-sender a{height:40px;width:auto;color:#666}.notifications-page .notifications-container .notificationCard .notification-sender a .user-image{display:inline-block}.notifications-page .notifications-container .notificationCard .notification-sender a span{font-size:12px;position:relative;left:5px;top:2px}.notifications-page .notifications-container .notificationCard .notification-preview a{color:#fff}.notifications-page .notifications-container .notificationCard.opened{border-left:4px solid #ccc;font-weight:400}.notifications-page .message-container{background:#ccc}