.hr-progress-container {
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 5px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.hr-progress-bar {
    height: 100%;
    background-color: #4caf50;
    width: 0%;
    transition: width 0.3s;
}

.HR-clickable-cell {
    background-color: #4caf50 !important;
    color: white !important;
    /* Makes the text color white for better readability */
    cursor: pointer;
    /* Changes the cursor to a pointer */
    padding: 10px;
    /* Adds some padding for better appearance */
    text-align: center;
}