div.notification {
    h2.notification-title,
    h6.notification-title {
        a {
            text-decoration: none;
        }
        &::before {
            font-family: "ForkAwesome";
            font-size: 80%;
            margin-right: 0.3em;
        }
    }
    div.read {
        h2.notification-title,
        h6.notification-title {
            font-weight: 500;
            &::before {
                content: "\f2b7";  //envelope-open-o
            }
        }
    }
    div.unread {
        h2.notification-title,
        h6.notification-title {
            &::before {
                content: "\f003";  //envelope-o
            }
        }
    }
}

/*
 * Notifications List
*/

div.notification-list,
div.notification-show {
    div.item-bloc {
        div.item-row.header {

            div.item-col {
                &:first-child {
                    flex-grow: 1;

                }
                &:last-child {
                    flex-grow: 0;
                }
            }

            ul.small_in_title {
                list-style-type: circle;
                li {
                    span.item-key {
                        display: inline-block;
                        width: 3em;
                    }
                }
            }
        }
    }
}