.newsfeed {
}

.newsfeed-tabs {
    margin-bottom: 20px;
}

.newsfeed-section {
}

.newsfeed-post-link,
.newsfeed-post-link:active,
.newsfeed-post-link:hover,
.newsfeed-post-link:focus,
.newsfeed-post-link:visited {
    margin-bottom: 20px;
    display: table;
    color: #999;
    text-decoration: none;
}

.newsfeed-post-link span {
    display: table-cell;
}

.newsfeed-post-link .glyphicon {
    cursor: pointer;
}

.newsfeed-post-form {
    margin-bottom: 20px;
}

    .newsfeed-post-form .form-group {
        margin-bottom: 10px;
    }

    .newsfeed-post-form label {
        font-weight: normal;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .newsfeed-post-form textarea {
        resize: none;
    }

.newsfeed-post-toolbar {
    text-align: right;
}

.newsfeed-post-submit {
    /*text-transform: uppercase;
    font-family: Segoe UI Semibold, Helvetica, tahoma, Arial, sans-serif;*/
}

    .newsfeed-post-submit.loading:before {
        content: '';
        display: inline-block;
        vertical-align: sub;
        width: 16px;
        height: 16px;
        margin-right: 6px;
        background: transparent url(/ui/skins/default/images/loading.gif) no-repeat center left;
    }

.newsfeed-post-error {
    display: none;
    font-size: 14px;
    padding: 6px 12px;
    margin-bottom: 10px;
    color: red;
}

.newsfeed-item {
    color: #333;
    border-top: solid 1px #DBDBDB;
    padding: 10px 0;
}

.newsfeed-item-header {
    display: table;
    width: 100%;
}

.newsfeed-item-header-cell {
    display: table-cell;
    vertical-align: top;
}

.newsfeed-item-icon-cell {
    width: 58px;
}

.newsfeed-item-icon {
    height: 48px;
    width: 48px;
    background-color: #C4C4C4;
    background-size: cover;
    background-position: center center;
    text-align: center;
    color: #FFF;
    font-size: 32px;
    line-height: 48px;
    font-family: glyphicons;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.newsfeed-item-tools-cell {
    width: 23px;
    padding-right: 7px;
}

.newsfeed-item-tool {
    font-size: 16px;
    cursor: pointer;
    color: #999;
    text-decoration: none;
}

    .newsfeed-item-tool:hover,
    .newsfeed-item-tool:focus,
    .newsfeed-item-tool:active,
    .newsfeed-item-tool:visited {
        text-decoration: none;
    }

    .newsfeed-item-tool:hover,
    .newsfeed-item-tool:focus {
        color: #888;
    }

.newsfeed-item-title {
    font-size: 13px;
    font-weight: bold;
    font-family: Segoe UI Semibold, Helvetica, tahoma, Arial, sans-serif;
    margin: 3px 0;
}

.newsfeed-item-content {
    font-size: 13px;
    line-height: 19px;
    margin: 5px 0 0;
}

.newsfeed-section-empty {
    font-size: 14px;
    padding: 6px 12px;
}

.newsfeed-load-error {
    text-align: center;
    margin: 0 0 15px;
}

.newsfeed-load-error-icon {
    color: #c4c4c4;
    font-size: 64px;
    display: block;
    margin: 0 0 10px;
}

.newsfeed-load-error-text {
    display: block;
    font-size: 13px;
    color: #333;
}


.newsfeed-item-icon-portal-changes:before { /* glyph-file-text */
    content: '\e67a';
}

.newsfeed-item-icon-newsletter-publish:before { /* glyph-news */
    content: '\e680';
}

.newsfeed-item-icon-taskjobs-report:before { /* glyph-tasks */
    content: '\e679';
}


/* Surcharges du newsfeed dans le nouveau backoffice */

.master-modern .newsfeed-item {
    border-top: 0;
}

.master-modern .newsfeed-item .glyph-arrow-down-alt:before {
    vertical-align: middle;
}

.master-modern .newsfeed-post-link {
    height: 100px;
}

.master-modern .newsfeed-tabs {
    margin: 20px 0 10px;
}

.master-modern .newsfeed-item-icon-cell {
    display: none;
}

.master-modern .newsfeed-item-title span.x-primary-color {
    font-size: 16px;
}

.master-modern .newsfeed-item-header-cell .x-neutral-color-dark {
    display: none;
}
