/* Style the Accordion Button */
button.accordion-button {
    background-color: white !important; /* Set background color */
    color: black !important; /* Change text color */
    font-size: 14pt !important; /* Adjust font size */
    white-space: nowrap !important;
    height: 1.8em;
    border: 1px solid black !important; /* Thinner border */
    margin-bottom: 0.5em;
}

/* When Accordion is Open */
button.accordion-button:not(.collapsed) {
    background-color: #217dbb !important; /* Darker when expanded */
    color: #fff !important;
}

/* Remove default focus outline */
button.accordion-button:focus {
    box-shadow: none !important;
}

/* Hover effect */
button.accordion-button:hover {
    background-color: #007bff !important; /* Blue background on hover */
    color: white !important; /* White text on hover */
    border: 2px solid #0056b3 !important; /* Darker blue border on hover */
}

.custom-tooltip {
    text-transform: none !important;  /* Prevents uppercase */
    font-size: 14px;                 /* Adjust font size */
    font-family: Arial, sans-serif;   /* Set font */
    background-color: rgba(0, 0, 0, 0.85) !important;  /* Darker background */
    color: white !important;          /* White text */
    border-radius: 5px;               /* Rounded corners */
    padding: 5px 10px;                /* Proper padding */
    box-shadow: none !important;      /* Removes Bootstrap shadow */
    border: none !important;          /* Removes unwanted borders */
}

.VirtualizedSelectOption { white-space: nowrap; overflow: scroll; text-overflow: ellipsis; }

.accordion-header {
    margin: 0px;
}