.text-black {
    color: #0C0C0C;
}
.text-dark {
    color: #888888;
}

.text-grey {
    color: #C8C8C8;
}
.bckg-grey {
    background-color: #C8C8C8;
}

.bckg-grey-light {
    background-color: #EBEBEB;
}

.text-white {
    color: #FFFFFF;
}
.bckg-white {
    background-color: #FFFFFF;
}

.text-red {
    color: #CC0000;
}
.bckg-red {
    background: linear-gradient(90deg, #cc0000, #cf0302, #d20605, #d40908, #d70c0a, #da0f0d, #dd1110, #e01413, #e21615, #e51817, #e81a1a, #eb1c1c);
}
.border-red {
    border: 1px solid #CC0000;
}

.bckg-green-light {
    background-color:  #9cffc3;
    border: 1px solid #9cffc3;
}
.bckg-red-light {
    background-color:  #fa7369;
    border: 1px solid #fa7369;
}

.bckg-blue {
    background-color: #007bff;
}

.text-blue {
    color: #007bff;
}

.bckg-green {
    background-color: #00CC00;
}
.border-green {
    border: 1px solid #00CC00;
}
.text-green {
    color: #00CC00;
}

.bckg-msuvl {
    background: linear-gradient(135deg, #fb4678, #fa437b, #f93c82, #f4338d, #ec2a9c, #de27ae, #ca2ec0, #b038d2, #9143e1, #6e4bec, #4b50f3, #3952f5);
}