.notification {
  position: relative;
  overflow: auto;
  padding: 20px;
  border-bottom: 1px solid #c3c3c3; }
  .notification.first {
    border-top: 1px solid #c3c3c3; }
  .notification .avatar {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    border: 1px solid #c3c3c3;
    overflow: hidden; }
    .notification .avatar img {
      width: 100px; }
  .notification .media-body {
    position: relative;
    margin-left: 120px;
    padding-top: 20px;
    color: #636363;
    font-size: 0.85em; }
    .notification .media-body .head a {
      font-size: 1.125em;
      color: #00ADEF;
      text-decoration: none; }
      .notification .media-body .head a:hover {
        text-decoration: underline; }
    .notification .media-body .head span {
      display: inline-block;
      padding: 0 10px;
      color: #636363;
      font-size: 1em; }
    .notification .media-body .details {
      padding-top: 10px; }