@-webkit-keyframes spNotification{0%{opacity:0;margin-top:10px}10%{opacity:0;visibility:hidden;margin-top:10px}15%{opacity:1;visibility:visible;margin-top:0}85%{opacity:1;visibility:visible;margin-top:0}90%{opacity:0;visibility:hidden;margin-top:-10px}to{opacity:0;margin-top:-10px}}@keyframes spNotification{0%{opacity:0;margin-top:10px}10%{opacity:0;visibility:hidden;margin-top:10px}15%{opacity:1;visibility:visible;margin-top:0}85%{opacity:1;visibility:visible;margin-top:0}90%{opacity:0;visibility:hidden;margin-top:-10px}to{opacity:0;margin-top:-10px}}.sales-notification{position:fixed;top:calc(100% - 110px);left:20px;z-index:99999}.sales-notification .sale-item{width:auto;min-width:300px;max-width:100%;position:relative;align-items:center;opacity:0;visibility:hidden;top:0;margin-top:10px}.sales-notification .sale-item>a{display:flex;box-shadow:0 0 30px 0 rgba(7,31,66,.1);padding:12px;border-radius:5px;background:#fff;border:1px solid rgba(22,116,150,.15)}.sales-notification.is-visible .sale-item{-webkit-animation-name:spNotification;animation-name:spNotification;-webkit-animation-duration:8s;animation-duration:8s}.sales-notification.is-visible .sale-item:hover{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.sales-notification .sale-product-thumb img{max-width:64px;border-radius:5px;margin-right:12px}.sales-notification .sale-info{margin-right:10px}.sale-info .client-name{font-size:14px;font-weight:600;color:#283F4D}.sale-info .client-name span{color:rgba(7,31,66,.5);font-weight:500;font-style:italic}.sale-info .product-name{font-size:13px;font-weight:600;color:rgba(7,31,66,.8)}.sale-info .product-name span{font-weight:400}.sale-info .purchase-time{color:rgba(7,31,66,.5);font-size:13px;font-weight:400}.sales-notification .close-notification{display:none;cursor:pointer;position:absolute;top:-16px;right:0;padding:4px;background:transparent;border:none;line-height:9px}.sales-notification.is-visible:hover .close-notification{display:inline-block;color:rgba(7,31,66,.5)}.sales-notification .close-notification:hover i{color:#167496}