.bg-prio-0 {
    background-color: lightgray;
}

.bg-prio-1 {
    background-color: #e68496;
}

.bg-prio-2 {
    background-color: #ec9a55;
}

.bg-prio-3 {
    background-color: #76a796;
}

.bg-prio-4 {
    background-color: #808080;
}

.bg-prio-bar {
    background-color: gray;
}

.bg-prio-5 {
    background-color: #9684e6;
}

.bg-fertig {
    background-color: #b0f5b0;
}

.bg-white {
    background-color: white;
}

.white {
    color: white;
}

.black {
    color: black;
}

.blue {
    color: blue;
}

.gray {
    color: gray;
}

.primary {
    color: #337ab7;
}

.success {
    color: #5cb85c;
}

.danger {
    color: #d9534f;
}

.hover-white:hover{
    color:white!important;
}

.hover-white:active {
    color: white !important;
}

.prewiew {
    color: gray;
    background-color: #eeeeee;
    font-size: 70px;
    width: 100%;
    max-height: 300px;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.bg-success-80 {
    --bs-bg-opacity: 1;
    background-color: rgba(25, 135, 84, 0.80);
}

.bg-info-80 {
    --bs-bg-opacity: 1;
    background-color: rgba(13, 202, 240, 0.80);
}

.bg-warning-80 {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 193, 7, 0.80);
}

.bg-danger-80 {
    --bs-bg-opacity: 1;
    background-color: rgba(220, 53, 69, 0.80);
}