.notification-item{width:100%;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.notification-item,.notification-item .icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.notification-item .icon-container{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.notification-item .icon-container .icon{width:3.5rem;height:3.5rem;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-ms-flex-negative:0;flex-shrink:0;font-size:inherit;font-weight:400;line-height:1;max-width:100%;text-align:center;overflow:visible;position:relative;color:#fff;background-color:#6c757e}.notification-item .icon-container .icon i{font-size:1.4rem;white-space:nowrap;width:60%;height:auto;max-width:100%}.notification-item .icon-container .icon.icon-new{color:#fff;background-color:#007bff}.notification-item .icon-container .icon.icon-alert{color:#fff;background-color:#dc3545}.notification-item .icon-container .icon.icon-info{color:#fff;background-color:#17a2b8}.notification-item .icon-container .icon.icon-warning{color:#fff;background-color:#343a40}.notification-item .content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 15px}.notification-item .content p{white-space:pre-line}.notification-item .date-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.notification-item.not-read{background:#efefef}.notification-item.not-read .content{font-weight:700}.notification-item.not-read .content h5{font-weight:bolder}