.notifications-content{padding:15px;position:relative}.notifications-content .button-default{-webkit-transition:.25s ease-out .1s color;-moz-transition:.25s ease-out .1s color;-o-transition:.25s ease-out .1s color;transition:.25s ease-out .1s color;background:transparent;border:none;cursor:pointer;margin:0;outline:none;position:relative}.notifications-content .show-notifications{position:relative}.notifications-content .show-notifications:hover #icon-bell,.notifications-content .show-notifications:focus #icon-bell,.notifications-content .show-notifications.active #icon-bell{fill:#34495e}.notifications-content .show-notifications #icon-bell{fill:#7f8c8d}.notifications-content .show-notifications .notifications-count{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;background:#01AA85;color:#fefefe;font: .85em Lato;height:21px;line-height:1.75em;position:absolute;right:-5px;text-align:center;top:-2px;width:20px}.notifications-content .show-notifications.active~.notifications{opacity:1;top:60px}@media (max-width: 430px){.notifications-content .show-notifications.active~.notifications{position:fixed}}.notifications-content .notifications{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:.25s ease-out .1s opacity;-moz-transition:.25s ease-out .1s opacity;-o-transition:.25s ease-out .1s opacity;transition:.25s ease-out .1s opacity;background:#ecf0f1;border:1px solid #bdc3c7;left:10px;opacity:0;position:absolute;top:-999px}.notifications-content .notifications:after{border:10px solid transparent;border-bottom-color:#01aa85;content:"";display:block;height:0;left:10px;position:absolute;top:-20px;width:0}@media (max-width: 430px){.notifications-content .notifications:after{right:35px;left:auto}}.notifications-content .notifications h3,.notifications-content .notifications .show-all{background:#01AA85;color:#fefefe;margin:0;padding:10px;width:100%}.notifications-content .notifications h3{cursor:default;font-size:1.05em;font-weight:400}.notifications-content .notifications .show-all{display:block;text-align:center;text-decoration:none}.notifications-content .notifications .show-all:hover,.notifications-content .notifications .show-all:focus{text-decoration:underline}.notifications-content .notifications .notifications-list{list-style:none;margin:0;overflow:hidden;padding:0;max-height:350px}.notifications-content .notifications .notifications-list .item{-webkit-transition:-webkit-transform .25s ease-out .1s;-moz-transition:-moz-transform .25s ease-out .1s;-o-transition:-o-transform .25s ease-out .1s;transition:transform .25s ease-out .1s;border-top:1px solid #bdc3c7;color:#7f8c8d;cursor:default;padding:10px 15px 10px 10px;position:relative;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}.notifications-content .notifications .notifications-list .item:before,.notifications-content .notifications .notifications-list .item .details,.notifications-content .notifications .notifications-list .item .button-dismiss{display:inline-block;vertical-align:middle}.notifications-content .notifications .notifications-list .item:before{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;background:#01AA85;content:"";height:8px;width:8px}.notifications-content .notifications .notifications-list .item .details{margin-left:10px;white-space:normal;width:225px}.notifications-content .notifications .notifications-list .item .details .title,.notifications-content .notifications .notifications-list .item .details .date{display:block}.notifications-content .notifications .notifications-list .item .details .date{color:#95a5a6;font-size:.85em;margin-top:3px}.notifications-content .notifications .notifications-list .item .button-dismiss{color:#bdc3c7;font-size:2.25em}.notifications-content .notifications .notifications-list .item .button-dismiss:hover,.notifications-content .notifications .notifications-list .item .button-dismiss:focus{color:#95a5a6}.notifications-content .notifications .notifications-list .item.no-data{display:none;text-align:center}.notifications-content .notifications .notifications-list .item.no-data:before{display:none}.notifications-content .notifications .notifications-list .item.expired{color:#bdc3c7}.notifications-content .notifications .notifications-list .item.expired:before{background:#bdc3c7}.notifications-content .notifications .notifications-list .item.expired .details .date{color:#bdc3c7}.notifications-content .notifications .notifications-list .item.dismissed{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translate(100%)}.notifications-content .notifications.empty .notifications-list .no-data{display:block;padding:10px}.notifications-content .bell-top-anim{animation:abanico 1s ease-in-out;transform-origin:top}.notifications-content .bell-bot-anim{animation:badalo 1s ease-in-out}.notifications-content .new-not{animation:popup .5s forwards}@keyframes abanico{0%{transform:rotate(0)}7.5%{transform:rotate(25deg)}30%{transform:rotate(-25deg)}45%{transform:rotate(15deg)}58%{transform:rotate(-10deg)}70%{transform:rotate(5deg)}87.5%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes badalo{15%{transform:translate(-25px) rotate(7deg)}32.5%{transform:translate(10px) rotate(-7deg)}50%{transform:translate(-15px) rotate(7deg)}65%{transform:translate(5px) rotate(-7deg)}80%{transform:translate(-15px) rotate(7deg)}90%{transform:translate(0) rotate(-7deg)}}@keyframes popup{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}