/* Remove bullets from the task list */
.task-list-block ul {
    list-style-type: none; /* Remove bullets */
    padding-left: 0; /* Remove default padding */
}

/* Task list item styling */
.task-list-item {
    display: flex;
    align-items: left;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 2px;
    background-color: #dcf7e3; /* Light background for the tasks */
    transition: background-color 0.3s ease;
}

.task-list-item:hover {
    background-color: #0a7025; /* Slightly darker background on hover */
}

/* Style the checkbox */
.task-list-item input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1); /* Make the checkbox larger */
}

/* Style the task text */
.task-list-item span {
    flex-grow: 1; /* Take up remaining space */
    font-size: 10px;
    font-weight: 500;
}

/* Style for the task notes input */
.task-note {
    margin-left: 10px;
    padding: 1px;
    font-size: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 200px;
}

/* Button styles */
.task-list-block button {
    display: inline-block;
    margin-top: 1px;
    margin-right: 10px; /* Add some space between buttons */
    padding: 4px 8px;
    background-color: #5dcf7b; /* Default blue background */
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    transition: background-color 0.3s ease;
}

.task-list-block button:hover {
    background-color: #005f8d; /* Darker blue on hover */
}

/* Specific button styles */

/* Add Task button */
.add-task-button {
    background-color: #5dcf7b; /* Green background */
}

.add-task-button:hover {
    background-color: #0a7025; /* Darker green on hover */
}

/* Reset button */
.reset-task-button {
    background-color: #5dcf7b; /* Red background */
}

.reset-task-button:hover {
    background-color: #0a7025; /* Darker red on hover */
}

/* Copy Checked Tasks button */
.copy-task-button {
    background-color: #5dcf7b; /* Light blue background */
}

.copy-task-button:hover {
    background-color: #0a7025; /* Darker light blue on hover */
}
/* Show Clipboard button */
.show-clipboard-button {
    background-color: #6c757d; /* Gray background */
}

.show-clipboard-button:hover {
    background-color: #5a6268; /* Darker gray on hover */
}
#clear-button, #print-button {
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    margin-right: 10px;
}

#clear-button:hover {
    background-color: #5a6268;
}

#print-button:hover {
    background-color: #5a6268;
}
/* Style for the task list label input */
/* Style for the saved label on the front-end */
.task-list-label {
    font-size: 12px;

    margin-bottom: 1px;
}



.cumulative-list-display ul {
    margin-left: 10px;
}

.cumulative-list-display ul li {
    list-style-type: disc;
    margin: 5px 0;
}
.cumulative-list-display button {
    margin: 5px;
    padding: 8px 12px;
    font-size: 12px;
    cursor: pointer;
}
.cumulative-list-display {
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    display: none; /* Hidden by default */
}