.text-alert {
    color: rgba(255,0,0,1) !important;
}
.bg-alert {
    background-color: rgba(255,0,0,0.5) !important;
}
.btn-alert {
    background-color: rgba(255,0,0,1) !important;
    color: rgba(255,255,255,1) !important;
    font-weight: bold;
}

.text-hint {
    color: rgba(255,255,0,1) !important;
}
.bg-hint {
    background-color: rgba(255,255,0,0.5) !important;
}
.btn-hint {
    background-color: rgba(255,255,0,1) !important;
    color: rgba(0,0,0,1) !important;
    font-weight: bold;
}

.text-note {
    color: rgba(0,255,0,1) !important;
}
.bg-note {
    background-color: rgba(0,255,0,0.5) !important;
}
.btn-note {
    background-color: rgba(0,255,0,1) !important;
    color: rgba(0,0,0,1) !important;
    font-weight: bold;
}

.text-tip {
    color: rgba(127,0,255,1) !important;
}

.bg-tip {
    background-color: rgba(127,0,255,0.5) !important;
}

.btn-tip {
    background-color: rgba(127,0,255,1) !important;
    color: rgba(255,255,255,1) !important;
    font-weight: bold;
}