/*
CSS Styling for Charts, Graphs and related elements
 */


/* DatePickerRange Dropdown Menu */

.CalendarDay__selected_span {
    background: #b9dcff;
    border: 1px solid darkgrey;
    color: #000000;
}

.CalendarDay__selected_span:active, .CalendarDay__selected_span:hover {
    background: #0075DD;
    border: 1px solid darkgrey;
    color: #fff;
}

.CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover {
    background: #0075DD;
    border: 1px solid darkgrey;
    color: #fff;
}


.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
    border-right-color: #0075DD;
    color: #0075DD;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
    border-right-color: #0075DD;
    color: #0075DD;
}

.DateInput_input__focused {
    outline: 0;
    background: #fff;
    border: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 3px solid #0075DD;
    border-left: 0;
}

.secondary-btn {
    background: #c5e2ff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}