:root{
    --coc-primary:#395a45;
    --coc-secondary:rgba(0,0,0,0.5);
    --coc-accent:#feae26;
    --coc-accent-light:#D08401;
    --coc-accent2:#6DB365;
    --coc-accent2-light:#99CA94;
    --icon-logo:url("images/logoIcon.png");
    --login-logo:url("images/logo.png");
    --landing-background:url(images/loginBground.jpg);

    --success:#55A719;
    --danger:#CC0000;
    --pending:#FF9933;

    --chart-color-1:#A2DB4D;
    --chart-color-2:#39CCCC;
    --chart-color-3:#EC1378;
    --chart-color-4:#F2A200;
    --chart-color-5:#7D11D4;
    --chart-color-6:#00A7FA;
    }

.coc-login-header{
    background-image:var(--login-logo);
    background-repeat:no-repeat;
    background-position: center center;
    max-width: 480px;
    max-height: 100px;

    }

body.login-page{
    background-image:var(--landing-background);
    background-repeat:no-repeat;
    background-position: center center;
    }

.sidebar-brand-icon{
    background-image:var(--icon-logo);
    background-repeat: no-repeat;
    width:68px;
    height:68px;
    background-size:contain;
    margin-top:20px;
    }

.badge.cfs{
    background:transparent;
    border:2px solid #FF2B84;
    color:#FF2B84;
    min-width:36px;
}


.badge.gmp{
    background-color:transparent;
    border:2px solid #783FF2;
    color:#783FF2;
    min-width:36px;
}

.badge.coo{
    background-color:transparent;
    border:2px solid #32849F;
    color:#32849F;
    min-width:36px;
}

.billingTypeHeader.cfs,
.dash2Header.cfs,
.certificate.cfs{
    background:#FF2B84;
}

.billingTypeHeader.gmp,
.dash2Header.gmp,
.certificate.gmp{
    background-color:#783FF2;
}

.billingTypeHeader.coo,
.dash2Header.coo,
.certificate.coo{
    background-color:#32849F;
}


.billingTypeContent.gmp,
.dash2Content.gmp{
    background-color:#E7DEFD;
}

.billingTypeContent.cfs,
.dash2Content.cfs{
    background:#FFE5F0;
}
.billingTypeContent.coo,
.dash2Content.coo{
    background-color:#C9E5EE;
}
.billingTypeHeader.cgs,
.dash2Header.cgs,
.certificate.cgs{
    background-color:#92b926;
}

.badge.cgs{
    background-color:transparent;
    border:2px solid #92b926;
    color:#92b926;
    min-width:36px;
}

.billingTypeContent.cgs,
.dash2Content.cgs{
    background-color:#e8f1ce;
}