.bg-cco-green {
    background-color: #006666 !important;
}
.bg-cco-beige {
    background-color: #9B9B8C !important;
}
.bg-cco-grey {
    background-color: #666666 !important;
}
.bg-cco-black {
    background-color: #000 !important;
}
.bg-cco-purple {
    background-color: #8854A9 !important;
}
.bg-cco-blue {
    background-color: #006FC0 !important;
}
.bg-cco-pink {
    background-color: #F11078 !important;
}
/*** Text ***/
.text-cco-green {
    color: #006666 !important;
}
.text-cco-beige {
    color: #9B9B8C !important;
}
.text-cco-grey {
    color: #666666 !important;
}
.text-cco-black {
    color: #000 !important;
}
.text-cco-purple {
    color: #8854A9 !important;
}
.text-cco-blue {
    color: #006FC0 !important;
}
.text-cco-pink {
    color: #F11078 !important;
}
/*** Buttons ***/
.btn-cco-green{
    color: #fff;
    background-color: #006666;
    border-color: #006666;
}
.btn-cco-beige {
    color: #fff;
    background-color: #9B9B8C;
    border-color: #9B9B8C;
}
.btn-cco-grey {
    color: #fff;
    background-color: #666666;
    border-color: #666666;
}
.btn-cco-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-cco-purple {
    color: #fff;
    background-color: #8854A9;
    border-color: #8854A9;
}
.btn-cco-blue {
    color: #fff;
    background-color: #006FC0;
    border-color: #006FC0;
}
.btn-cco-pink {
    color: #fff;
    background-color: #F11078;
    border-color: #F11078;
}
.btn-cco-green:hover,
.btn-cco-beige:hover,
.btn-cco-grey:hover,
.btn-cco-black:hover,
.btn-cco-purple:hover,
.btn-cco-blue:hover,
.btn-cco-pink:hover {
    /*background-color: inherit !important;
    border-color: transparent !important;*/
    opacity: 0.8;
}
.btn-cco-green:active,
.btn-cco-beige:active,
.btn-cco-grey:active,
.btn-cco-black:active,
.btn-cco-purple:active,
.btn-cco-blue:active,
.btn-cco-pink:active {
    /*background-color: inherit !important;
    border-color: transparent !important;*/
    opacity: 0.8;
}
.btn-cco-outline-green{
    color: #006666;
    border-color: #006666;
}
.btn-cco-outline-green:hover{
    color: #fff;
    background-color: #006666;
}
.btn-cco-outline-beige {
    color: #9B9B8C;
    border-color: #9B9B8C;
}
.btn-cco-outline-beige:hover {
    color: #fff;
    background-color: #9B9B8C;
}
.btn-cco-outline-grey {
    color: #666666;
    border-color: #666666;
}
.btn-cco-outline-grey:hover {
    color: #fff;
    background-color: #666666;
}
.btn-cco-outline-black {
    color: #000;
    border-color: #000;
}
.btn-cco-outline-black:hover {
    color: #fff;
    background-color: #000;
}
.btn-cco-outline-purple {
    color: #8854A9;
    border-color: #8854A9;
}
.btn-cco-outline-purple:hover {
    color: #fff;
    background-color: #8854A9;
}
.btn-cco-outline-blue {
    color: #006FC0;
    border-color: #006FC0;
}
.btn-cco-outline-blue:hover {
    color: #fff;
    background-color: #006FC0;
}
.btn-cco-outline-pink {
    color: #F11078;
    border-color: #F11078;
}
.btn-cco-outline-pink:hover {
    color: #fff;
    background-color: #F11078;
}
/*** Form ***/
.input-required label:after,
.heading-input-required:after,
.check-required .label:after
{
    content: ' *';
    color: #F44336;
}
.label-required {
    font-weight: bold;
    color: #F44336;
}
.form-info {
    display: block;
    background-color: #fbfbfb;
    padding: 5px;
    margin: 4px auto 8px auto;
}