/* Custom styling for Bootstrap Select dropdown */
.bootstrap-select .dropdown-toggle {
    background-color: #fff !important; /* Light gray background */
    color: #000 !important; /* Dark text color */
    border: 1px solid #ced4da !important; /* Blue border */
}

.select-disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.toggle-btn {
    background-color: white;  /* Ensures the button has a white background */
    border: 1px solid #ced4da;  /* Adds a light border around the button */
    color: #6c757d;  /* Sets the icon color */
    padding: 6px 12px;  /* Adjusts padding around the icon */
}

.toggle-btn i {
    font-size: 16px;  /* Adjust icon size if needed */
}

.clear-btn {
    background-color: white;  /* White background for the button */
    border: 1px solid #ced4da;  /* Light border */
    color: #dc3545;  /* Red color for the icon */
    padding: 6px 12px;  /* Adjust padding */
}

.clear-btn i {
    font-size: 16px;  /* Icon size */
}