:root{
    --coc-primary:#202020;
    --coc-secondary:rgba(0,0,0,0.5);
    --coc-accent:#71bf2d;
    --coc-accent-light:#6BD520;
    --coc-accent2:#51AFE1;
    --coc-accent2-light:#85c7ea;

    --icon-logo:url("images/logoIcon.svg");
    --login-logo:url("images/logo.svg");
    --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:450px;
    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:48px;
    height:48px;
    background-size:contain;

}

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


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

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

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

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

.billingTypeHeader.coo,
.dash2Header.coo,
.certificate.coo{
    background-color:#5EB1CC;
}


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

.billingTypeContent.cfs,
.dash2Content.cfs{
    background:#FFE5F0;
}
.billingTypeContent.coo,
.dash2Content.coo{
    background-color:#C9E5EE;
}