I am using Bootstrap 3 and I have a table showing some data. in this table I have applied some javascript for conditional formatting, in the event that a condition is met, I
You can add !important after each style in the .red class. Adding !important basically will give the CSS more weight which allows you to override other styles.
Your css would look like:
.red {
background-color: red !important;
color: white !important;
}