:root {
    --bg-error: #FEEFEC;
    --header-error: #222222;
    --text-error: #222222;

    --bg-warning: #f5f5f5;
    --header-warning: #222222;
    --text-warning: #222222;

    --bg-info: #E8F7EE;
    --header-info: #222222;
    --text-info: #222222;

}

.bg-messagebox-error {
    --mb-background: var(--bg-error);
    --mb-header: var(--header-error);
    --mb-text: var(--text-error);
}


.bg-messagebox-warning {
    --mb-background: var(--bg-warning);
    --mb-header: var(--header-warning);
    --mb-text: var(--text-warning);
}

.bg-messagebox-info {
    --mb-background: var(--bg-info);
    --mb-header: var(--header-info);
    --mb-text: var(--text-info);
}

.bg-messagebox-error #messagebox-circle {
    color: #ED5948;
}
.bg-messagebox-error #messagebox-icon {
    color: var(--erb-white);
}

.bg-messagebox-warning #messagebox-circle {
    color: #1D335A;
}
.bg-messagebox-warning #messagebox-icon {
    color: var(--erb-white);
}

.bg-messagebox-info #messagebox-circle {
    color: #52B788;
}
.bg-messagebox-info #messagebox-icon {
    color: var(--erb-white);
}

#erb-messagebox {
    background-color: var(--mb-background);
    font-size: 12pt;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
}

#erb-messagebox a,div {
    color: var(--mb-text);
}

#erb-messagebox h3,i {
    color: var(--mb-header);
    font-size: 1.25em;
}

#erb-messagebox button.messagebox-close-btn {
    color: var(--mb-header);
}