.bg__viewer-header {
    padding: 0 10px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1390px;

    display: flex;
    flex-direction: column;

    > .resource-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;

        > .title {
            margin: 0;
            padding: 10px 0 10px;
            font-size: 17px;
            max-width: calc(100% - 350px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            > span {
                margin-right: 10px;
            }
        }

        > .actions {
            display: flex;
            > .btn.bookmark {
                /*what is the btn class now? Now it is bootstrap-4*/
                margin-left: 0px;
                background-color: $clSecondary;
                background-image: none;
                color: white;
                padding-right: 15px;
                padding-left: 13px;
                height: 40px;
                > i {
                    margin-right: 7px;
                }
            }
        }
    }
}