:root {
    --success: #5fa225;
    --info: #2b70bf;
    --warning: #b48c08;
    --error: #dd4646;
}

.bg-primary {
    color: white!important;
    background-color: var(--primary)!important;
}
.bg-primary a {
    color: white!important;
}
.text-primary {
    color: var(--primary)!important;
}

.bg-secondary {
    color: white!important;
    background-color: var(--secondary)!important;
}
.bg-secondary a {
    color: white!important;
}
.text-secondary {
    color: var(--secondary)!important;
}

.bg-success {
    color: white!important;
    background-color: var(--success)!important;
}
.bg-success a {
    color: white!important;
}
.text-success {
    color: var(--success)!important;
}

.bg-info {
    color: white!important;
    background-color: var(--info)!important;
}
.bg-info a {
    color: white!important;
}
.text-info {
    color: var(--info)!important;
}

.bg-warning {
    color: white!important;
    background-color: var(--warning)!important;
}
.bg-warning a {
    color: white!important;
}
.text-warning {
    color: var(--warning)!important;
}

.bg-error {
    color: white!important;
    background-color: var(--error)!important;
}
.bg-error a {
    color: white!important;
}
.text-error {
    color: var(--error)!important;
}

.link-button {
    border-radius: 4px!important;
    padding: 3px 10px!important;
    color: #fff!important;
}

.status-square {
    width: 15px;
    height: 15px;
    margin:auto;
    display: inline-block;
    border: 1px solid gray;
    vertical-align: middle;
    border-radius: 2px;
}