.notifications{position:relative;line-height:20px;font-size:14px;display:none !important}
@media screen and (min-width:993px){.notifications{width:auto !important}
}
.notifications__btn{padding:15px}
.notifications__btn:after{display:none}
.notifications__btn .js-notifications-count{position:absolute;top:2px;right:0;padding:2px 5px;border:1px solid #fff;background:#369;font-size:8px;font-weight:bold;color:#fff;border-radius:50%}
.notifications .notificationBtnDisabled{opacity:.5;pointer-events:none}
.notifications__content{width:412px;display:flex;flex-direction:column;align-items:flex-start;padding:5px 6px;background:#fff;border:1px solid #ececec;box-sizing:border-box;box-shadow:0 4px 4px rgba(0,0,0,0.15);border-radius:3px;top:45px;right:15px;z-index:999}
.notifications__content .notifications__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid #bdbdbd;margin:10px 0;padding-bottom:10px}
.notifications__content .notifications__header h2{font-style:normal;font-weight:bold;font-size:15px;line-height:21px;text-transform:uppercase;color:#000;margin:0 0 0 15px}
.notifications__content .notifications__header span{font-weight:normal;font-size:12px;line-height:16px;text-align:right;color:#369;text-decoration:none;margin-right:15px;cursor:pointer}
.notifications__content .notifications__content-container{width:100%;overflow:auto;height:auto}
.notifications__content .notifications__content-container .notifications-msg-container{display:flex;flex-direction:column;align-items:flex-start;padding:7px 11px;margin-bottom:10px;padding-left:40px;border:1px solid #fff;text-align:left}
.notifications__content .notifications__content-container .notifications-msg-container__top{position:relative;display:flex;flex-direction:column;width:100%}
.notifications__content .notifications__content-container .notifications-msg-container__top h3{font-size:14px;line-height:17px;color:#000;margin:0 0 8px 0;padding-right:20px;position:relative}
.notifications__content .notifications__content-container .notifications-msg-container__top h3:before{content:'';position:absolute;top:50%;left:-30px;width:20px;height:20px;margin-top:-10px}
.notifications__content .notifications__content-container .notifications-msg-container__top h3 a{font-size:14px}
.notifications__content .notifications__content-container .notifications-msg-container__top p{font-size:12px;line-height:16px;color:#000;margin:0}
.notifications__content .notifications__content-container .notifications-msg-container__top a{font-size:12px;line-height:16px;color:#369;display:contents;text-decoration:none}
.notifications__content .notifications__content-container .notifications-msg-container__top a.download-link{font-weight:bold;display:inline}
.notifications__content .notifications__content-container .notifications-msg-container__top a.download-link:hover{text-decoration:underline}
.notifications__content .notifications__content-container .notifications-msg-container__top span.highlighted{font-weight:bold;display:inline}
.notifications__content .notifications__content-container .notifications-msg-container__top .notifications-desc{font-weight:400}
.notifications__content .notifications__content-container .notifications-msg-container__bottom{margin-top:8px;display:flex;flex-direction:row;width:100%}
.notifications__content .notifications__content-container .notifications-msg-container__bottom p{font-size:12px;line-height:16px;color:#bcbcbc;margin:0;display:flex;justify-content:center;align-items:center}
.notifications__content .notifications__content-container .notifications-msg-container__bottom p.notification-time{padding-left:10px}
.notifications__content .notifications__content-container .notifications-msg-container.is-loading:before{display:none}
.notifications__content .notifications__content-container .notifications-msg-container.in_progress.is-loading:before{display:block;transform:translate(-50%,-50%);right:0;top:22%}
.notifications__content .notifications__content-container .notifications-msg-container.in_progress .notifications-link{color:#000;pointer-events:none}
.notifications__content .notifications__content-container .notifications-msg-container.in_progress .notifications-msg-container__top .unread-notifications{display:none}
.notifications__content .notifications__content-container .notifications-msg-container.failed .notifications-link{color:#000;pointer-events:none}
.notifications__content .notifications__content-container .unread-notification{display:none}
.notifications__content .notifications__content-container .notifications-msg-container.notifications-unread{background:#f9f9f9;border:1px solid #ececec;box-sizing:border-box;border-radius:6px}
.notifications__content .notifications__content-container .notifications-msg-container.notifications-unread .unread-notifications{display:block;background:#369;border:4px solid #f9f9f9;width:16px;height:16px;border-radius:50%;position:absolute;right:0;top:2px;cursor:pointer}
.notifications__content .notifications__content-container .notifications-msg-container.notifications-read .read-notifications{display:block;background:#949494;border:4px solid #f9f9f9;width:16px;height:16px;border-radius:50%;position:absolute;right:0;top:2px;cursor:pointer}
.notifications__content .notifications__content-container .empty-notifications{padding-left:15px;font-size:14px;font-weight:normal;text-align:left}
.notifications__content .notifications-container-height{max-height:calc(100vh - 160px)}
@media screen and (max-width:992px){.notifications__content .notifications-container-height{max-height:calc(100vh - 570px)}
}
@media screen and (max-width:767px){.notifications__content .notifications-container-height{max-height:calc(100vh - 200px)}
}
.user-logged-in .notifications,.aem-AuthorLayer-Edit .notifications{display:block !important}
.notifications__btn{background-image:url("notifications/resources/images/notification-icon.svg")}
.notifications__btn .js-notifications-count{background:#ef790e;border:0;line-height:16px}
.notifications__content{display:none}
.notifications__content .notifications__content-container .notifications-msg-container.notifications-unread .unread-notifications{background:#ef790e}
.notifications .header-actions__container.is-open .notifications__content{display:block}
.notifications .notifications-project-type h3:before{background:url("notifications/resources/images/project-type-icon.svg") no-repeat}
.notifications .notifications-marketing-type h3:before{background:#fff url(notifications/resources/images/marketing-type-icon.svg) no-repeat}
.notifications .notifications-solution-type h3:before{background:url(notifications/resources/images/solution-type-icon.svg) no-repeat}
.notifications .notifications-workpiece-type h3:before{background:url(notifications/resources/images/workpiece-type-icon.svg) no-repeat}
.notifications .notifications-collaboration-share-type h3:before,.notifications .notifications-invite-type h3:before{background:url(notifications/resources/images/invite-type-icon.svg) no-repeat}
.notifications .notifications-download-type h3:before{background:url(notifications/resources/images/download-type-icon.svg) no-repeat}
.notifications .notifications-approval-drawings h3:before{background:url(notifications/resources/images/approval-drawing.svg) no-repeat}
.notifications [data-type="QUOTEFAIL"] h3:before{background:url(notifications/resources/images/quote-fail-icon.svg) no-repeat}
.notifications [data-type="ORDERFAIL"] h3:before{background:url(notifications/resources/images/order-fail-icon.svg) no-repeat}
.notifications .notifications-loader{background:url(notifications/resources/images/loader-icon.svg) no-repeat center;width:45px;height:45px;margin:0 auto}
body .header-wrapper .notifications .header-actions__btn{padding:15px}
body .header-wrapper .notifications .header-actions__btn:after{display:none}
body .header-wrapper .notifications .header-actions__btn:hover{background-color:transparent}
body .header-wrapper .notifications .header-actions__container.is-open .header-actions__btn{background-color:transparent}
body .header-wrapper .notifications .header-actions__flyout{border:1px solid #ececec;border-radius:3px;right:15px}
body .header-wrapper .notifications .header-actions__flyout a{color:#369}