/* assets/custom.css */

/* Hover effect for all buttons */
#select-all-button:hover, 
#deselect-all-button:hover, 
#export-selected-button:hover, 
#export-button:hover {
    background-color: #54a2d3 !important; /* Lighter color on hover */
    color: white;
}

/* Active (pressed) effect for all buttons */
#select-all-button:active, 
#deselect-all-button:active, 
#export-selected-button:active, 
#export-button:active {
    background-color: #1f77b4 !important; /* Slightly darker on click */
    color: white;
}

/* Style the DatePickerRange to match other filters */
.DateRangePickerInput {
    display: block;
    width: 100%;
}

.DateRangePickerInput input {
    width: 100%;
    height: calc(2.25rem + 2px); /* Match Bootstrap input height */
    padding: 0.1rem 0.75rem;
    font-size: 14px;
    line-height: .5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    font-family: 'Roboto', sans-serif;
}

.DateRangePickerInput__withBorder {
    border: none;
}

.DateInput {
    width: 100%;
}

.SingleDatePicker_picker,
.DayPicker {
    font-family: 'Roboto', sans-serif;
}

/* Adjust the calendar icon */
.DateRangePickerInput_calendarIcon {
    color: #495057;
    padding-right: 8px;
}

/* Enable text wrapping in the Opportunity Title dropdown options */
.opportunity-title-dropdown .Select-option {
    white-space: normal !important;
    height: auto !important;
}

.opportunity-title-dropdown .Select-menu-outer {
    white-space: normal !important;
}

.opportunity-title-dropdown .Select-control {
    height: auto !important;
}