#PDC6-main-container.user-page.notification-feed {

    @import 'list_ar';

    .MinimumWidthContainer .min-width-wrapper .min-width .lia-content .lia-quilt {

        .lia-quilt-row-header,
        .lia-quilt-row-footer {
            display: none;
        }

    }

    #page-notifications-feed {
        margin-top: -100px;

        .CM090_inlineTabs {

            position: relative;
            z-index: 10;
            margin-top: 0;
            margin-bottom: 30px;
            padding-bottom: 30px;
            border-bottom: 2px solid #f5f5f5;

            &:before {
                display: block;
                content: '';
                position: absolute;
                z-index: 10;
                bottom: -2px;
                left: 940px;
                width: 2000px;
                height: 2px;
                background-color: #f5f5f5;
            }

        }

        .lia-component-common-widget-pager {

            margin-top: 35px;

            ul {
                margin-top: 0;
            }
        }
    }

    #notifications-more-loader {
        margin-top: 35px;
        text-align: center;

        a {
            @extend .pdc6-button-blue;
        }
    }

    #page-notifications-list li {
        display: block;
        padding: 13px 20px 20px 17px;
        margin-top: 10px;
        background-color: #eee;
        @include SSTFontFamily( 'normal', 16 );

        &.no-notifications {
            position: relative;
            z-index: 10;
            $padding-top: 190px;
            padding-top: $padding-top;
            height: 300px - $padding-top;
            text-align: center;
            color: #a8a8a8;
            @include SSTFontFamily( 'bold', 21 );


            &:before {
                position: absolute;
                z-index: 10;
                top: 75px;
                left: 50%;
                display: block;
                content: '';
                width: 82px;
                height: 82px;
                margin-left: -39px;

                background: {
                    image: url( mono_icons.png );
                    repeat: no-repeat;
                    position: -11px -3787px;
                }

            }
        }

        &.hidden {
            display: none;
        }

        &:first-child {
            margin-top: 0;
        }

        &:after {
            content: '';
            display: table;
            clear: both;
        }

        h4 {
            float: left;
            font-size: 16px;
            color: #363636;
            font-weight: normal;

            strong {
                font-weight: normal;
                color: #0068bf;
            }

            a {
                color: #0068bf;

                &:hover {
                    color: lighten( #0068bf, 15% );
                }
            }

            p {
                display: inline;
            }
        }

        .details {
            float: right;
            color: #a7a7a7;
            font-size: 14px;
            position: relative;
            top: 4px;
        }

        .notification-icon {
            display: inline-block;
            position: relative;
            top: 2px;
            margin-right: 10px;
            width: 20px;
            height: 20px;

            &.notification-kudo {
                top: 3px;
                left: 3px;
                background-position: 3px -3965px;
            }

            &.notification-solution {
                top: 4px;
                background-position: -91px -3942px;
            }

            &.notification-mention {
                top: 4px;
                background-position: -69px -3942px;
            }

            &.notification-reply {
                top: 4px;
                background-position: -21px -3942px;
            }

            &.notification-rank {
                top: 5px;
                background-position: -47px -3942px;
            }

            &.notification-chevron {
                background-position: -96px -3314px;
            }
        }
    }

}