.CollaboratorsList {
    &-summary-report-item {
        border-bottom: 1px solid var(--gray-400) !important;
    }

    &-table {
        font-size: 14px;

        tbody tr td {
            padding-bottom: 16px;
            padding-top: 16px;
            vertical-align: middle;

            .btn-link {
                font-size: 14px;
            }            
        }

        &.CollaboratorsList-new-homepage {
            table-layout: fixed;
        }
    }

    &-body-row {
        .CollaboratorsList-new-homepage &:hover {
            background: var(--gray-100);
        }
    }

    &-head {
        border-top: 1px solid var(--gray-400);

        tr th {
            font-size: 14px;
            padding-bottom: 8px;
            padding-top: 8px;

            .CollaboratorsList-new-homepage & {
                &:nth-of-type(1) {
                    width: 30%;
                }
    
                &:nth-of-type(2) {
                    width: 25%;
                }
                
                &:nth-of-type(3) {
                    width: 25%;
                }
                
                &:nth-of-type(4) {
                    width: 20%;
                }                
            }
        }
    }

    &-empty-state {
        align-items: center;
        display: flex;
        flex-direction: column;
        padding-bottom: 100px;
        padding-top: 100px;

        .IconGroup {
            height: 180px;
            margin-bottom: 25px;
            stroke: var(--gray-300);
            width: 256px;
        }
    }

    &-empty-heading {
        color: var(--gray-400);
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 60px;
    }

    &-instructions-container {
        display: flex;
    }

    &-instruction {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }

    &-instruction-content {
        color: var(--gray-500);
        font-size: 12px;
        text-align: center;
    }

    &-instruction-header {
        color: var(--black);
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 8px;
        margin-top: 10px;
    }

    &-arrow {
        align-items: center;
        display: flex;

        .ArrowRight {
            fill: var(--gray-200);
            height: 32px;
            margin-bottom: 80px;
            width: 32px;
        }
    }

    &-balance,
    &-recipient {
        text-align: center;
    }

    &-recipient-chip {
        background: var(--gray-100);
        border: 1px solid var(--gray-400);
        border-radius: 100px;
        color: var(--gray-400);
        display: inline-block;
        font-weight: 500;
        padding: 3px 10px;
        text-transform: uppercase;
        
        span {
            margin: 0 2px;
        }

        &.added {
            background: #5dc67a; // No light green colour in frontend-react-components
            border-color: var(--green);
            color: var(--white);            
        }
    }

    &-currency-code {
        font-weight: 500;
        margin-left: 0.25em;
    }

    &-balance {
        .CollaboratorsList-new-homepage &  {
            padding-right: 15%;
            text-align: right;
    
            .LoaderWrapper {
                left: 25%;
                position: relative;
            }
        }
    }
}