.notification{position:relative}.notification .inactive,.notification .inactive .profile-picture.no-link{cursor:default!important}.notification .notification-link{display:flex;gap:8px;padding:8px;border-radius:.75rem;color:inherit}.notification .notification-link:hover{background-color:#f0f0f0;cursor:pointer;text-decoration:none;color:inherit}.notification .notification-link .profile-picture.no-link{cursor:pointer}.notification .notification-link .content{line-height:1.2rem}.notification .notification-link .title{font-weight:700;line-height:1.2rem}.notification .notification-link .created-date{font-size:.9rem}.notification .options-button{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.notification .options-button .common-icon-container{background-color:#e0e0e0}.notification .options-button .common-icon-container:hover{background-color:#dadada}.notification-menu{border-radius:7px;min-width:7rem;padding:5px 0;background-color:#fff;box-shadow:2px 2px 2px #abb6c6;line-height:1}@media (min-width: 992px){.notification-menu{left:auto;right:0}}.notification-menu .menu-option{display:flex;align-items:center;padding:0 8px;height:1.5rem;cursor:pointer}.notification-menu .menu-option:hover{background-color:#f0f0f0}.app-notification-viewer{position:fixed;height:100%;width:100%;right:-100%;top:0;background-color:#fff;border-left:1px solid #BCBCBC;border-top:1px solid #BCBCBC;z-index:1060;transition:right .3s ease-out}@media (min-width: 992px){.app-notification-viewer{width:23rem;right:-23rem}}.app-notification-viewer.active{right:0}.app-notification-viewer>.content{position:relative;width:100%;height:100%;overflow-y:scroll;padding-right:16px}.app-notification-viewer>.content>.header{margin-top:16px;padding-left:16px;display:flex;justify-content:space-between;flex-direction:row;align-items:center}.app-notification-viewer>.content>.header h3{margin-bottom:0}.app-notification-viewer>.content>.header .close{color:inherit}.app-notification-viewer>.content>.header .close:hover{background-color:#e9e9e9;color:#4f5a6a}.app-notification-viewer>.content .loading{flex-grow:1;padding-left:16px;justify-content:center;align-items:start;margin:.8rem 0}.app-notification-viewer>.content .loading>img{width:calc(2rem + 4px)!important;border-radius:2rem;padding:1px}.app-notification-viewer>.content .empty-notifications{padding-left:16px}.app-notification-viewer>.content .notifications{display:flex;padding-left:8px;flex-direction:column}