/* Date Range
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.add_date_range {
    display: flex;
    flex-direction: column;
    margin: 12px;  
}
  
/* Style the Date Range Input Text Box */
.add_date_range .DateInput_input input {
    min-width: 216px;
    max-width: fit-content;
    height: 34px;
    padding: 8px;
    margin: 12px;    
    font-weight: 500;
    outline: none;
    background-color: transparent;
    color: white;
}

/* Date range input box */
.DateRangePickerInput {
    border: 0.5px solid #d9d9d9;
    border-radius: 6px;    
    background: transparent;
}


/* Actual number i.e., date inputs */
.DateInput_input {
    background-color: transparent;
    font-size: 14px;
    color: white;
}

/* Style selected date input */
.DateInput_input__focused {
    background-color: transparent;
    color: white;
    border-bottom: 2px solid #228BE6;     
}

/* Ensure calendar popup appears above the modal */

.DateRangePicker_picker {
    z-index: 1100 !important; /* Higher than the modal (usually 1040 for modals) */
    position: absolute !important;
}

/* .DateRangePicker_picker__portal {
    z-index: 1100 !important; /* Ensure portal positioning also respects z-index */
/* } */