.advs-perform-search {
    position: fixed;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 0.941176471rem 0;
    border-top: solid 1px #E6E6E6;
}

@media (max-width: 767px) {
    .advs-perform-search {
        padding: 0.2rem 0; /* Remove padding on small screens */
    }
}


/* Custom styles for the tooltip inside the date slider */
#date-slider .ui-slider-handle[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -35px; /* Position above the slider handle */
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--dark-green); /* Dark green theme color */
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 15px;
    white-space: nowrap;
    min-width: 40px; /* Ensure a consistent width for tooltips */
    text-align: center;
}

/* Style for the slider handles */
#date-slider .ui-slider-handle {
    border: 2px solid var(--dark-green);
    background-color: white;
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
    top: -0.4em;
}

.ui-slider-handle:focus,
.ui-slider-handle:active,
.ui-state-active {
  outline: none !important;
  box-shadow: none !important;
}

.ui-slider-handle {
  -webkit-tap-highlight-color: transparent; /* Prevent mobile tap highlight */
}



/*#date-slider .ui-slider-handle .ui-state-focus {*/
/*    border: 2px solid var(--dark-green);*/



/* Remove borders from NoUI slider elements if present inside the date slider */
#date-slider .noUi-handle,
#date-slider .noUi-touch-area {
    border: none !important;
}



/*.ui-slider-handle[data-tooltip] {*/
/*    position: relative;*/
/*}*/

/* Bold text for labels */
.form-label {
    font-weight: bold;
}


   /* Change only the background color of the active accordion button */
        .accordion-button:not(.collapsed) {
            background-color: #FFFFFF !important; /* Custom background */
            /*background-color: #eef2fb !important; !* Custom background *!*/
        }

        /* General styling for select dropdown */
        select.form-select {
            background-color: #fff;
            border-radius: 6px;
            font-size: 1rem;
            color: #333;
            appearance: none; /* Removes default OS styling */
            cursor: pointer;
            transition: all 0.2s ease-in-out;
        }

        /* Focus effect for select */
        select.form-select:focus {
            box-shadow: 0 0 6px rgba(94, 159, 92, 0.5);
            outline: none;
            background-color: #f8f9fa;
        }

        /* Style for dropdown options */
        select.form-select option {
            padding: 10px;
            font-size: 0.95rem;
            color: #333;
            background-color: #fff;
        }

        /* Improve hover effect in dropdowns */
        select.form-select option:hover {
            background-color: #e9ecef;
        }

        /* Style the disabled option */
        select.form-select option:disabled {
            color: #aaa;
            font-style: italic;
        }