/* Gives the div a fixed height and enables vertical scrolling */
/* Gives the div a fixed height and enables vertical scrolling */
.scroll-container {
    /* max-height: 250px; */
    overflow-y: auto;
    border-bottom: 1px solid #ccc;
    /* border-radius: 4px; */
    margin: 0px;
    /* width: 300px; */
    margin-bottom: 0px;
    padding-bottom: 8px;
    height: 100%;
    overflow-y: scroll
}

/* Standard styling for each item row */
.list-item-title {
    /* cursor: pointer; */
    display: flex;
    flex-direction: column;
    gap: 0px;
    color: black;
    /* margin: 5px; */
    /* padding: 10px 15px; */
    cursor: pointer;
    border-radius: 8px;
    /* border: 1px solid #eee; */
    transition: background-color 0.2s ease;
    text-align: center;
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--accent);
    /* scale: 0.9; */
}

/* Standard styling for each item row */
.list-item {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0px;
    color: black;
    margin: 0px;
    padding: 8px 8px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #eee;
    transition: background-color 0.2s ease;
    text-align: center;
    scale: 0.85;
    align-items: center;
}

    /* The highlight class triggered by C# */
    .list-item span {
        font-weight: 600;
        font-size: 0.9375rem;
        cursor: pointer;
    }

    /* The highlight class triggered by C# */
    .list-item label {
        font-size: 0.75rem;;
        cursor: pointer;
        color: gray
    }

    /* Hover effect for unselected items */
    .list-item:hover {
        cursor: pointer;
        background-color: #f5f5f5;
    }

    /* The highlight class triggered by C# */
    .list-item.selected {
        cursor: pointer;
        background-color: #3498DB;
        /* border-color: #3498DB; */
        /* border-width: 2px; */
        scale: 0.95;
        color: white;
    }

        /* The highlight class triggered by C# */
        .list-item.selected label {
            font-size: 0.75rem;;
            cursor: pointer;
            color: whitesmoke
        }