.status-approved {
    background-color: #0dcaf0;
    color: #212529;
}

.status-rejected {
    background-color: #6c757d;
    color: white;
}

.status-pending {
    background-color: #ffc107;
    color: #212529;
}

.action-approve {
    background-color: #198754;
    color: white;
}

.action-reject {
    background-color: #dc3545;
    color: white;
}

.action-view {
    background-color: #0d6efd;
    color: white;
}

.action-more {
    background-color: #6f42c1;
    color: white;
}

.lease-used {
    background-color: #6c757d;
    color: white;
}

.lease-unused {
    background-color: #20c997;
    color: #212529;
}

.status-expired {
    background-color: #6c757d;
    color: white;
    font-size: 10px;
}

.status-pending {
    background-color: #D552A3;
    color: white;
    font-size: 10px;
}
.status-online {
    background-color: #198754;
    color: white;
    font-size:10px;
}

.status-revising {
    background-color: #0dcaf0;
    color: #212529;
    font-size: 10px
}

.status-editing {
    background-color: #fd7e14;
    color: white;
    font-size: 10px;
}

.status-blocked {
    background-color: #dc3545;
    color: white;
    font-size: 10px;
}

.status-archive {
    background-color: #343a40;
    color: white;
    font-size: 10px;
}

.status-default {
    background-color: #adb5bd;
    color: #212529;
    font-size: 10px;
}


/*this for  massage   and massagclass */

.blink-message {
    animation: blink 1s linear 3;
}

@@keyframes blink {
    50% {
        opacity: 0.25;
    }
}

.records-summary {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 10px 16px;
    background-color: #f8fafc;
    border: 1px solid #d6dbe3;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}


.records-summary-item {
    display: flex;
    flex-direction: column;
}


.records-summary-label {
    color: #6b7280;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}


.records-summary-value {
    margin-top: 2px;
    color: #111827;
    font-size: 1.15rem;
    font-weight: 800;
}


.records-summary-divider {
    width: 1px;
    height: 32px;
    background-color: #d1d5db;
}