.sale-notification-popup{display:none;width:270px;padding:10px 15px 10px 10px;background-color:#fff;box-shadow:0 0 7px 2px rgba(158,158,158,.2);margin:15px;position:fixed;bottom:0;z-index:999}.sale-notification-popup.active-animation{display:block!important;-webkit-animation-name:movebottom;animation-name:movebottom;animation-fill-mode:forwards}.sale-notification-popup .mediaImg{min-width:60px}.sale-notification-popup .media-body{flex:auto;width:auto;max-width:calc(100% - 75px)}.sale-notification-popup .smtlt{color:#6c757d;font-size:12px;font-weight:500;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;max-width:95%}.sale-notification-popup .pname{font-size:14px;font-weight:600;margin:5px 0;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sale-notification-popup .detail{font-size:11px;line-height:1.2;margin:0;color:#6c757d;font-weight:400}.sale-notification-popup .view-link{margin-top:10px;color:#6c757d;font-size:.9em}.sale-notification-popup .close{font-size:13px;cursor:pointer;position:absolute;right:10px;top:6px;z-index:99}@-webkit-keyframes movebottom{0%{display:block;bottom:-200px}25%,75%{bottom:0}100%{display:none;bottom:-200px}}@keyframes movebottom{0%{display:block;bottom:-200px}25%,75%{bottom:0}100%{display:none;bottom:-200px}}