/* INDICATOR */

.indicator_active {
    padding:5px 10px 5px 10px;
    font-size:12px;
    background-color:#fff;
    color:#000;
    border-radius:25px;
    border-style:solid;
    border-color:#000;
    border-width:1px;
}

    .indicator_active:after {
        content: 'Active';
    }

.indicator_submit {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #ffd11a;
    color: #000;
    border-radius: 25px;
    border-style: solid;
    border-color: #ffd11a;
    border-width: 2px;
}

    .indicator_submit:after {
        content: 'Submit';
    }

    .indicator_complete {
    padding:5px 10px 5px 10px;
    font-size:12px;
    background-color:#00DF07;
    color:#000;
    border-radius:25px;
}

    .indicator_complete:after {
        content: 'Complete';
    }

    .indicator_fail {
    padding:5px 10px 5px 10px;
    font-size:12px;
    background-color:#FF4343;
    color:#fff;
    border-radius:25px;
}

    .indicator_fail:after {
        content: 'Fail';
    }

     .indicator_cancel {
    padding:5px 10px 5px 10px;
    font-size:12px;
    background-color:#CDCDCD;
    color:#000;
    border-radius:25px;
}

    .indicator_cancel:after {
        content: 'Cancel';
    }


.indicator_recall {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #66b3ff;
    color: #000;
    border-radius: 25px;
}

    .indicator_recall:after {
        content: 'Recall';
    }


.indicator_onhold {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #CDCDCD;
    color: #000;
    border-radius: 25px;
}

    .indicator_onhold:after {
        content: 'On-Hold';
    }

.indicator_ready {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #00DF07;
    color: #000;
    border-radius: 25px;
}

    .indicator_ready:after {
        content: 'Ready';
    }
.indicator_return {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #cc99ff;
    color: #000;
    border-radius: 25px;
}

    .indicator_return:after {
        content: 'Return';
    }

      .indicator_terminate {
    padding:5px 10px 5px 10px;
    font-size:12px;
    background-color:#0047AD;
    color:#fff;
    border-radius:25px;
}

    .indicator_terminate:after {
        content: 'Terminate';
    }

    .indicator_forfeit {
    padding:5px 10px 5px 10px;
    font-size:12px;
    background-color:#F28400;
    color:#fff;
    border-radius:25px;
}

    .indicator_forfeit:after {
        content: 'Forfeit';
    }

    .indicator_blacklist {
    padding:5px 10px 5px 10px;
    font-size:12px;
    background-color:#000;
    color:#fff;
    border-radius:25px;
}

    .indicator_blacklist:after {
        content: 'Blacklist';
    }

    .indicator_net {
    padding:5px 10px 5px 10px;
    font-size:12px;
    background-color:#fff;
    color:#00C806;
    border-radius:25px;
    border-style:solid;
    border-color:#00C806;
    border-width:1px;
}

    .indicator_net:after {
        content: '\2705\00a0Net';
    }

     .indicator_unnet {
    padding:5px 10px 5px 10px;
    font-size:12px;
    background-color:#fff;
    color:#FF1616;
    border-radius:25px;
    border-style:solid;
    border-color:#FF1616;
    border-width:1px;
}

    .indicator_unnet:after {
        content: '\2B55\00a0Un-Net';
    }

    .indicator_back {
    padding: 5px 10px 5px 10px;
    /*font-size: 12px;*/
    background-color: #fff;
    color: #0077FF;
    border-radius: 25px;
    border-style: solid;
    border-color: #0077FF;
    border-width: 2px;
}

    .indicator_back:after {
        content: '\2190\00a0Previous Section';
    }

    .indicator_back2 {
    padding: 5px 10px 5px 10px;
    background-color: #fff;
    color: #0077FF;
    border-radius: 25px;
    border-style: solid;
    border-color: #0077FF;
    border-width: 2px;
}

    .indicator_back2:before {
        content: '\1F878\00a0';
    }

    .indicator_refresh {
    padding: 5px 10px 5px 10px;
    background-color: #fff;
    color: #0077FF;
    border-radius: 25px;
    border-style: solid;
    border-color: #0077FF;
    border-width: 2px;
}

    .indicator_refresh:before {
        content: '\21BB\00a0';
    }

     .indicator_stopdeduction {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #fff;
    color: #FF1616;
    border-radius: 25px;
    border-style: solid;
    border-color: #FF1616;
    border-width: 2px;
}

    .indicator_stopdeduction:after {
        content: '\26D4\00a0Stop Deduction';
    }

    .indicator_stopbilling {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #fff;
    color: #FF1616;
    border-radius: 25px;
    border-style: solid;
    border-color: #FF1616;
    border-width: 2px;
}

    .indicator_stopbilling:after {
        content: '\26D4\00a0Stop Billing';
    }

    .indicator_tick {
    padding: 5px 10px 5px 10px;
    background-color: #fff;
    color: #0077FF;
    border-radius: 25px;
    border-style: solid;
    border-color: #0077FF;
    border-width: 2px;
}

    .indicator_tick:before {
        content: '\2713\00a0';
    }

    .indicator_scan {
    padding: 5px 10px 5px 10px;
    background-color: #fff;
    color: #0077FF;
    border-radius: 25px;
    border-style: solid;
    border-color: #0077FF;
    border-width: 2px;
}

    .indicator_scan:before {
        content: '\26F6\00a0';
    }

      .indicator_plus {
    padding: 5px 10px 5px 10px;
    background-color: #fff;
    color: #0077FF;
    border-radius: 25px;
    border-style: solid;
    border-color: #0077FF;
    border-width: 2px;
}

    .indicator_plus:before {
        content: '\1F7A2\00a0';
    }


.indicator_new {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #fff;
    color: #000;
    border-radius: 25px;
    border-style: solid;
    border-color: #000;
    border-width: 1px;
}

    .indicator_new:after {
        content: 'New';
    }

.indicator_approve {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #00DF07;
    color: #000;
    border-radius: 25px;
}

    .indicator_approve:after {
        content: 'Approve';
    }

.indicator_return {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #FF4343;
    color: #fff;
    border-radius: 25px;
}

    .indicator_return:after {
        content: 'Return';
    }

.indicator_pending {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #DFFF00;
    color: #000;
    border-radius: 25px;
}

    .indicator_pending:after {
        content: 'Pending';
    }

.indicator_partialapprove {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #9FE2BF;
    color: #000;
    border-radius: 25px;
}

    .indicator_partialapprove:after {
        content: 'Partial Approve';
    }

.indicator_reject {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #DE3163;
    color: #fff;
    border-radius: 25px;
}

    .indicator_reject:after {
        content: 'Reject';
    }


.indicator_notallowdelete {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #FA8072;
    color: #fff;
    border-radius: 25px;
}

    .indicator_notallowdelete:after {
        content: 'Not Allow Delete';
    }

.indicator_isinternal {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #CCCCFF;
    color: #fff;
    border-radius: 25px;
}

    .indicator_isinternal:after {
        content: 'Internal File';
    }

.indicator_cancelled {
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    background-color: #CDCDCD;
    color: #000;
    border-radius: 25px;
}

    .indicator_cancelled:after {
        content: 'Cancelled';
    }

.indicator_approved {
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    background-color: #00DF07;
    color: #000;
    border-radius: 25px;
}

    .indicator_approved:after {
        content: 'Approved';
    }

.indicator_approvedwithconditions {
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    background-color: #17ba1b;
    color: #000;
    border-radius: 25px;
}

    .indicator_approvedwithconditions:after {
        content: 'Approved With Conditions';
    }

.indicator_rejected {
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    background-color: #DE3163;
    color: #fff;
    border-radius: 25px;
}

    .indicator_rejected:after {
        content: 'Rejected';
    }