.MarketingHighlightsTable {
    margin-bottom: 0;

    /* stylelint-disable selector-class-pattern, no-descending-specificity,
       max-nesting-depth, selector-no-type */
    &-header {
        & .h3 {
            color: var(--gray-800);
            display: inline-block;
            font-size: 18px;
            font-weight: $weight_bold;
            margin: 0;
            padding: 5px;
            text-transform: capitalize;
        }

        &-cell .Icons-spotify,
        &-cell .Icons-apple-music,
        &-cell .Icons-download-symbol {
            margin-right: 5px;
            position: relative;
            top: 3px;
        }

        & .MarketingHighlightsTable-edit-button {
            float: right;
            padding: 5px 15px;
        }

    }

    & .MarketingHighlightsTable-header-cell {
        border: 1px solid var(--gray-400);

        &-oa:only-child {
            background: var(--gray-200);
        }
    }

    &-cell-bold {
        font-weight: $weight_bold;
    }

    &-global {
        & .MarketingHighlightsTable-input .form-control {
            text-align: right;
            width: 80px;
        }
    }

    & .MarketingHighlightsTable-cell {
        border-bottom: 1px solid var(--gray-200);
        border-right: 1px solid var(--gray-200);
        height: 70px;
        vertical-align: middle;

        & .Icons-trash-can {
            cursor: pointer;
        }

        &:last-child {
            border-right: 1px solid var(--gray-400);
        }
    }

    & .MarketingHighlightsTable-read-only-total {
        float: right;
    }

    &-row {
        & .MarketingHighlightsTable-input .form-control {
            border-radius: 3px;
            display: inline-block;
            font-size: 14px;
            height: 30px;
            padding: 10px;
            text-align: right;
            width: 60px;
        }

        &:last-of-type .MarketingHighlightsTable-cell {
            border-bottom: 1px solid var(--gray-400);
        }
    }

    &-territory {
        width: 175px;
    }

    &-input {
        width: 125px;
    }

    &-icon {
        width: 35px;
    }

    & .MarketingHighlightsTable-footer-button {
        padding: 3px;

        & .MarketingHighlightsTable-territories-button {
            padding-left: 5px;
        }

        & .MarketingHighlightsTable-territories-button:hover {
            text-decoration: none;
        }
    }

    &-delete-popover {
        &-button-row {
            margin-top: 10px;
            text-align: right;
        }

        &-confirm.btn.btn-default {
            color: var(--parrot);
            margin-left: 10px;

            &:hover {
                background: var(--parrot);
                border-color: var(--parrot);
                color: white;
            }
        }
    }

    &-header-message {
        margin-top: 4px;
        text-transform: none;
    }

    &.table-no-borders {
        margin-top: 0;

        thead {
            tr:first-child {
                display: none;
            }
        }

        .MarketingHighlightsTable-header-cell {
            border-top: 0;
        }

        .MarketingHighlightsTable-header-cell:last-child {
            border-right: 0;
        }

        .MarketingHighlightsTable-header-cell:first-child {
            border-left: 0;
        }

        .MarketingHighlightsTable-row:last-child {
            .MarketingHighlightsTable-cell {
                border-bottom: 0;
            }
        }
    }

    /* stylelint-enable selector-class-pattern, no-descending-specificity,
       max-nesting-depth, selector-no-type */
}