.CollaboratorRoyaltiesPage {
    background-color: var(--white);
    margin-top: 32px;
    min-height: 500px;
    width: 100%;

    &-header-container {
        display: flex;
    }

    &-icon-container {
        margin-bottom: 50px;
        margin-top: 80px;

        .Outline {
            height: 152px;
            width: 152px;
        }
    }

    &-error-text {
        color: var(--gray-500);
        font-size: 12px;
        text-align: center;
        width: 25%;
    }

    &-no-transactions-container {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    &-transaction-dropdown {
        display: flex;
        margin-left: auto;
        margin-right: 8px;
        min-width: 158px;

        .dropdown-menu {
            font-size: 14px;
            width: 100%;
        }

        .DropdownToggleLabel {
            margin-right: 8px;
        }

        .DropdownToggleChevron {
            // Border hack to show caret separation
            border-left: 1px solid #EB782F;
            margin-bottom: -8px;
            margin-right: -4px;
            margin-top: -8px;
            padding-left: 8px;
        }
    }

    &-balance-header {
        color: var(--gray-500);
        font-weight: 500;
        margin-bottom: 5px;
        min-width: 140px;
        text-transform: uppercase;
    }

    &-balance-amount {
        font-size: 18px;
        font-weight: 500;
        min-width: 120px;
    }

    &-currency-code {
        font-size: 14px;
    }

    &-content-table {
        margin-top: 24px;
    }

    &-header-row-item {
        padding-bottom: 6px;
    }

    &-header-row-item-amount {
        padding-bottom: 6px;
        text-align: right;
    }

    &-row-item {
        font-size: 14px;

        &-amount {
            font-size: 14px;
            text-align: right;
        }

        &-date {
            font-size: 14px;
            width: 15%;
        }

        &-type {
            font-size: 14px;
            width: 25%;
        }

        &-loading {
            border: none !important;
        }

        &-delete {
            text-align: end;
        }
    }

    &-currency-code {
        font-weight: 500;
    }

    &-currency-code-balance {
        font-size: 18px;
        font-weight: 500;
        margin-left: 8px;
    }

    &-delete-button {
        height: 22px;
        padding: 0;
        width: 22px;
    }

    &-transaction-status-indicator-container {
        display: inline-block;
        margin-left: 8px;
    }


    &-row-item-status {
        padding-left: 0 !important;
        vertical-align: middle !important;
    }

    .dropdown-menu {
        margin-top: 8px;
    }

    &-RoyaltyPdfDownload {
        margin-right: 16px;

        .Download {
            margin-right: 8px;
        }
    }
}