.notification{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1rem!important}.notification .notificationText{font-size:.9em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding-left:10px}.notification .notificationText .notificationDescription{padding:.5em;margin:.4em;font-size:.8em;color:#888;border:1px solid #e6e5e5;border-radius:.2em}.notification .notificationText .projectName{color:grey;font-size:.9em;padding-top:3px;font-weight:600}.notification .notificationText .relativeDate{color:#888;font-size:.85em}.notification .userIcon{-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset;width:45px;height:45px;border-radius:50%;display:table;text-align:center}.notification .userIcon p{color:#fff;display:table-cell;vertical-align:middle;font-weight:700;font-size:1.25em}.notification .readMarker{width:20px;height:20px;border-radius:50%;border:1px solid transparent;position:absolute;top:0;left:0;cursor:pointer}.notification .readMarker div{position:absolute;top:5px;left:5px;width:8px;height:8px;border-radius:50%;background-color:#3b38eb}.notification .readMarker:hover{border:1px solid #727272}.notification .readMarkerTooltip{position:absolute;top:10px;left:10px;cursor:pointer}.button.markAllRead{border:0;background-color:transparent;text-decoration:underline;color:#567692;display:block;padding:5px 0}