.bg-gray
{
    background: #F5F5F5;
}

.bg-gdg
{
    background-image:linear-gradient(180deg, #004960, #101028);
}

.txt-violet
{
    color:#886cc3;
}

.txt-d-green
{
    color: #004960;
}

.txt-red
{
    color: #D31C1F;
}

.txt-yellow
{
    color: #FFD761;
}

.txt-blue {
    color: #3171AE;
}

.txt-orange
{
    color: #F3A412;
}

.txt-gray
{
    color: #636472;
}

.txt-l-gray
{
    color: #b2bfcc;
}

.sel-nav
{
    color: #4bc6be;
}
.txt-green
{
    color: #00d279;
}

.btn-b-green, .btn-b-green:hover, .btn-b-green:focus
{
    color: #4bc6be;
    border-color: #4bc6be;
    border-width: 2px;
}

.completed-style
{
    background-color: #00d279;
    border-radius: 1.5rem;
    color: white;
}

.pending-style
{
    background-color: #f4c04a;
    border-radius: 1.5rem;
    color: white;
}

.processing-style
{
    background-color:#f1f4f8;
    border-radius: 1.5rem;
    color:#886cc3;
}

.onhold-style
{
    background-color:#f1f4f8;
    border-radius: 1.5rem;
    color:#636472;
}

.green-circle
{
    background-color: #00d279;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.75rem;
}

.i-st:focus
{
    border-color: #1D9F9B;
    box-shadow: 0 0 0 0 #1D9F9B;
}

/*deprecated added bootstrap validation*/
.i-red-st
{
    color: #D31C1F;
    border-color: #D31C1F;
    box-shadow: 0 0 0 0 #D31C1F;
}