.DRAFT{
    margin-right:5px;width:150px;padding:12px 10px;box-shadow: 0 5px 2px 0px #e3e6e7;background: #0488b8;cursor: pointer 
}

.DRAFT.active{
    border-bottom: 6px solid #6d6e78;
}

.DRAFT count{
    font-size:20px !important;color:#fff
}

.DRAFT amount {
    font-size: 12px;color:#fff
}

.DRAFT a {
    font-size:10px !important;cursor:pointer;color:#fff
}


.FORAPPROVAL{
    margin-right:5px;width:150px;padding:12px 10px;box-shadow: 0 5px 2px 0px #e3e6e7;background: #d35400;cursor: pointer 
}

.FORAPPROVAL.active{
    border-bottom: 6px solid #6d6e78;
}

.FORAPPROVAL count{
    font-size:20px !important;color:#fff
}

.FORAPPROVAL amount {
    font-size: 12px;color:#fff
}

.FORAPPROVAL a {
    font-size:10px !important;cursor:pointer;color:#fff
}



.APPROVED{
    margin-right:5px;width:150px;padding:12px 10px;box-shadow: 0 5px 2px 0px #e3e6e7;background: #7fd000;cursor: pointer 
}

.APPROVED.active{
    border-bottom: 6px solid #6d6e78;
}

.APPROVED count{
    font-size:20px !important;color:#fff
}

.APPROVED amount {
    font-size: 12px;color:#fff
}

.APPROVED a {
    font-size:10px !important;cursor:pointer;color:#fff
}