﻿body {
}
.rz-radio-button-list {
    padding-top: 8px;
    padding-bottom: 8px;
}


/* Target the dropdown list items.  This may need adjustment based on Radzen's DOM structure. */
.rz-dropdown-items li:nth-child(odd) {
    background-color: #f2f2f2; /* Light gray for odd items */
}

.rz-dropdown-items li:nth-child(even) {
    background-color: #ffffff; /* White for even items */
}

/* Optional: Adjust hover color for better user experience */
.rz-dropdown-items li:hover {
    background-color: #e0e0e0 !important; /* Slightly darker gray on hover */
    color: black; /* Ensure text is visible on hover */
}

/* Optional: If the selected item isn't overriding the background, force it. */
.rz-dropdown-items li.rz-state-selected {
    background-color: #0078d7 !important; /* Or whatever your selection color is */
    color: white !important;
}

.rz-radio-button-list-horizontal .rz-radio-btn {
    display: inline-flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
}