.badge-hbonds {
    background-color: #F04646; /* red */
}

.badge-weak-hbonds {
    background-color: #FC7600; /* orange */
}

.badge-xbonds {
    background-color: #3977DB; /* blue */
}

.badge-ionics {
    background-color: #E3E159; /* yellow */
    /*color: black;*/
}

.badge-metal-complexes {
    background-color: purple; /* purple */
}

.badge-aromatics {
    background-color: #00CCFF;
}

.badge-hydrophobics {
    background-color: #006633;
}

.badge-carbonyls {
    background-color: rgb(255, 0, 127);
}