.payout-status {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.3;
    color: #777;
    background: #e5e5e5;
    border-radius: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    cursor: help !important;
    white-space: nowrap;
    max-width: 100%
}

.payout-status.status-complete, .payout-status.status-success, .payout-status.status-paid {
    background: #c8d7e1;
    color: #2e4453
}

.payout-status.status-pending, .payout-status.status-new {
    background: #f8dda7;
    color: #94660c
}

.payout-status.status-denied, .payout-status.status-failed, .payout-status.status-reversed {
    background: #eba3a3;
    color: #761919
}

.payout-status.status-processing {
    background: #c6e1c6;
    color: #5b841b
}

.payout-status.status-canceled, .payout-status.returned, .payout-status.refunded {
    background: #eba3a3;
    color: #761919
}

.payout-status > span {
    margin: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis
}