/*=== PROSPECT STATUS INDICATOR ===*/
.ss-prospect-status-indicator {
    border-radius: 8px;
    width: 100%;
    background-color: #D0D7DD;
    height: 14px;
    position: relative;
    display: inline-block;
}

.ss-prospect-status-indicator:after
{
    position: absolute;
    top: 0px; 
    left: 0px;
    bottom: 0px;
    content: '';
    border-radius: 8px 0px 0px 8px;
    border: 1px solid transparent;
}

.ss-prospect-status-indicator[data-status="Open"]:after { width: 15%; background-color: #F4F7F9; }
.ss-prospect-status-indicator[data-status="Pre-Production"]:after { width: 15%; background-color: #F6A623; }
.ss-prospect-status-indicator[data-status="Shoot"]:after { width: 30%; background-color: #F6A623; }
.ss-prospect-status-indicator[data-status="Post-Production"]:after { width: 40%; background-color: #F6A623; }
.ss-prospect-status-indicator[data-status="Client Review"]:after { width: 50%; background-color: #83D791; }
.ss-prospect-status-indicator[data-status="Validation"]:after { width: 70%; background-color: #83D791; }
.ss-prospect-status-indicator[data-status="Changes Requested"]:after { width: 90%; background-color: #83D791; }
.ss-prospect-status-indicator[data-status="Approved"]:after { width: 100%; background-color: #83D791; border-radius: 8px; }
.ss-prospect-status-indicator[data-status="Cancelled"]:after { width: 100%; background-color: #FFF0ED; border: 1px solid #FF6D4A; border-radius: 8px; }
.ss-prospect-status-indicator[data-status="Deleted"]:after { width: 100%; background-color: #FFF; border: 1px solid #D0D7DD; border-radius: 8px; }