:root{
    --coc-primary:#162F79;
    --coc-secondary:rgba(0,0,0,0.5);
    --coc-accent:#6682BA;
    --coc-accent-light:#A4B4D6;
    --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:300px;
    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;
}