.PayeePortal-labels-table-container {
    border: 1px solid $koala;
    border-radius: 4px;
}

.PayeePortal-labels-label-block .Pagination {
    text-align: right;
}

.PayeePortal-labels-table {
    width: 100%;

    &-cell {
        padding: 10px;
    }

    &-title {
        font-weight: 500;
        margin-top: 0;
    }

    &-cell-confirm-all {
        text-align: right;
    }

    &-cell-confirm-all-button {
        background: $fox;
    }

    &-head {
        border-bottom: 1px solid $koala;
        border-top: 1px solid $koala;

        color: $timberwolf;
        font-weight: 500;
        text-transform: uppercase;
    }

    &-head &-cell {
        padding: 2px 10px;
    }

    &-row {
        font-size: 13px;
    }

    &-row:not(:last-child) {
        border-bottom: 1px solid $mouse;
    }

    &-cell-client {
        width: 45%;
    }

    &-cell-client-number {
        width: 25%;
    }

    &-cell-from {
        width: 20%;
    }

    &-cell-status {
        text-align: right;
    }

    &-pending {
        font-style: italic;
    }
}

.PayeePortal-labels-table-cell-status-block-content {
    display: inline-block;
    vertical-align: middle;

    &-block {
        display: inline-block;
    }

    &-block-button-pending {
        display: inline-block;
        font-size: 13px;
        padding: 0 10px;
        text-transform: none;
    }

    &-block-label-pending {
        color: $grey_300;
        display: inline-block;
        font-style: italic;
        vertical-align: middle;
    }
}

.PayeePortal-labels-table-cell-status-block-icon {
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
    padding: 5px;
    vertical-align: middle;

    &.Pending {
        background: $fox;
    }

    &.Confirmed {
        background: $turtle;
    }

    &.Unknow {
        background: $grey_300;
    }
}