/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: visibility 0.3s ease-in-out;
}

/* Show tooltip text on hover */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

#all_leads_table thead th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Prevent td from wrapping */
#all_leads_table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#all_leads_table th {
    padding: 10px; /* Adjust the padding value as needed */
}

.table-responsive {
    overflow-x: scroll;
}

.lead-pending {
    background-color: rgba(255, 247, 230, 0.1);
    color: #ffc548;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border: 1px solid #ffc548;
    text-transform: capitalize;
}

.lead-assigned {
    background-color: #5529850d;
    color: #5d308e;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border: 1px solid #5d308e;
    text-transform: capitalize;
}

.lead-rejected {
    background-color: #eb4d4b12;
    color: #e33c3c;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border: 1px solid #e33c3c;
    text-transform: capitalize;
}

.lead-prospective {
    background-color: #e5e4e51a;
    color: #959595;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border: 1px solid #959595;
    text-transform: capitalize;
}

.lead-convertible {
    background-color: #42ba961a;
    color: #42ba96;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border: 1px solid #42ba96;
    text-transform: capitalize;
}

.lead-future-intake {
    background-color: #2a5fff05;
    color: #2a5fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border: 1px solid #2a5fff;
    text-transform: capitalize;
}

.lead-completed {
    background-color:#97b14c00;
    color: #97b14c;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border: 1px solid #97b14c;
    text-transform: capitalize;
}

.lead-registered {
    background-color:#00000000;
    color: #000000;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border: 1px solid #000000;
    text-transform: capitalize;
}


    /* Style for the container (example: a notification icon) */
    .notification-icon {
        position: static;
        display: inline-block;
        margin: 20px;
        font-size: 24px;
    }

    /* Style for the badge */
    .notification-badge {
        position: static;
        top: -10px;
        right: -10px;
        padding: 5px 10px;
        border-radius: 50%;
        background-color: red;
        color: white;
        font-size: 14px;
        font-weight: bold;
        animation: blink 1s infinite;
    }

    /* Blink animation */
    @keyframes blink {
        0%, 100% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
    }