// stylelint-disable declaration-property-value-blacklist
// stylelint-disable selector-no-qualifying-type
.ContentBackground {
    composes: ContentBackground from '../overview/styles.scss';

    :global(.list-group-item) {
        margin-bottom: 20px;
    }

    :global(.media-desktop),
    :global(.media-tablet),
    :global(.media-mobile) {
        margin-top: -38px;
    }
}

.Title {
    composes: Title from '../drafts/draft/styles.scss';

    min-height: 150px;
}

.NavTabs {
    ul {
        margin-left: 15px;
        margin-bottom: 10px;
        line-height: 20px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding: 0 0 41px;
        box-sizing: border-box;
    }

    .NavItem {
        border: none;
        color: #fff;
        background: none;
        padding: 10px 15px;
        float: left;

        &:hover {
            border: none;
            color: $color-text-gray;
            background-color: #e4e4e4;
        }
    }

    :global(.ember-tabs__tab--selected) {
        border: none;
        color: $color-text-gray;
        background-color: #e4e4e4;

        &:focus {
            border: none;
            background-color: #e4e4e4;
        }

        &:hover {
            border: none;
            background-color: #e4e4e4;
        }
    }

    .TabPane {
        &:global(.active) {
            display: block;
        }
    }
}

.SortDescription {
    text-align: right;
    margin-top: 10px;
    margin-right: 15px;
}
