.btn .badge {
    position: relative;
    top: 0!important;
}
.offcanvas {
    position: fixed !important;
}
.deadline-green {
    background: rgba(25, 135, 84, 0.12) !important;
    border: 1px solid rgba(25, 135, 84, 0.35) !important;
    transition: 0.2s;
}

.deadline-yellow {
    background: rgba(255, 193, 7, 0.15) !important;
    border: 1px solid rgba(255, 193, 7, 0.4) !important;
    transition: 0.2s;
}

.deadline-red {
    background: rgba(220, 53, 69, 0.14) !important;
    border: 1px solid rgba(220, 53, 69, 0.45) !important;
    transition: 0.2s;
}

.deadline-green:hover,
.deadline-yellow:hover,
.deadline-red:hover {
    filter: brightness(0.97);
}
.deadline-red {
    animation: pulseDeadline 2s infinite;
}

@keyframes pulseDeadline {
    0% {
        box-shadow: 0 0 0 0 rgba(220,53,69,0.35);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(220,53,69,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(220,53,69,0);
    }
}
.kanban-card {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    margin-bottom: 12px;
    cursor: grab;
}

.kanban-card.deadline-green {
    background-color: rgba(25, 135, 84, 0.18) !important;
    border-color: rgba(25, 135, 84, 0.55) !important;
}

.kanban-card.deadline-yellow {
    background-color: rgba(255, 193, 7, 0.28) !important;
    border-color: rgba(255, 193, 7, 0.75) !important;
}

.kanban-card.deadline-red {
    background-color: rgba(220, 53, 69, 0.25) !important;
    border-color: rgba(220, 53, 69, 0.75) !important;
}

.deadline-badge-green {
    background: #198754;
}

.deadline-badge-yellow {
    background: #ffc107;
    color: #000;
}

.deadline-badge-red {
    background: #dc3545;
}

/* deadline: table */
tr.deadline-green > td {
    background: #d1e7dd !important;
}

tr.deadline-yellow > td {
    background: #fff3cd !important;
}

tr.deadline-red > td {
    background: #f8d7da !important;
}

/* deadline: cards */
.card.deadline-green {
    background: #d1e7dd !important;
    border: 2px solid #198754 !important;
}

.card.deadline-yellow {
    background: #fff3cd !important;
    border: 2px solid #ffc107 !important;
}

.card.deadline-red {
    background: #f8d7da !important;
    border: 2px solid #dc3545 !important;
}

/* deadline: kanban */
.kanban-card.deadline-green {
    background: #d1e7dd !important;
    border: 2px solid #198754 !important;
}

.kanban-card.deadline-yellow {
    background: #fff3cd !important;
    border: 2px solid #ffc107 !important;
}

.kanban-card.deadline-red {
    background: #f8d7da !important;
    border: 2px solid #dc3545 !important;
}

.deadline-badge-green {
    background: #198754;
}

.deadline-badge-yellow {
    background: #ffc107;
    color: #000;
}

.deadline-badge-red {
    background: #dc3545;
}
.list-group-item.deadline-green {
    background: #d1e7dd !important;
    border: 1px solid #198754 !important;
}

.list-group-item.deadline-yellow {
    background: #fff3cd !important;
    border: 1px solid #ffc107 !important;
}

.list-group-item.deadline-red {
    background: #f8d7da !important;
    border: 1px solid #dc3545 !important;
}

.deadline-badge-green {
    background: #198754;
}
/* TASK DEADLINE STATES */

.list-group-item.deadline-green {
    background: #d1e7dd !important;
    border: 1px solid #198754 !important;
}

.list-group-item.deadline-yellow {
    background: #fff3cd !important;
    border: 1px solid #ffc107 !important;
}

.list-group-item.deadline-red {
    background: #f8d7da !important;
    border: 1px solid #dc3545 !important;
}

/* badges */

.deadline-badge-green {
    background: #198754;
    color: #fff;
}

.deadline-badge-yellow {
    background: #ffc107;
    color: #000;
}

.deadline-badge-red {
    background: #dc3545;
    color: #fff;
}

.deadline-badge-yellow {
    background: #ffc107;
    color: #000;
}

.deadline-badge-red {
    background: #dc3545;
}