﻿/* Autocomplete */
.autocomplete-menu mark {
    text-decoration: underline !important;
    /*    font-weight: bold;*/
    background-color: transparent;
    padding: 0;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-size: 0.875rem;
    font-weight: 400;
    color: #495057 !important;
    text-align: left;
    text-decoration: none;
/*    white-space: pre-wrap !important;*/
    background-color: transparent;
    border: 0
}

/*.hotel-dropdown-item:before {
    font-family: ElegantIcons;*/
    /*       content: "\e081";*/
    /*content: "\e0ef";
    display: inline-block;
    margin-right: 8px;
    color: #495057
}

.location-dropdown-item:before {
    font-family: ElegantIcons;*/
    /*       content: "\e081";*/
    /*content: "\e01d";
    display: inline-block;
    margin-right: 8px;
    color: #495057
}*/

.dropdown-menu {
    --bs-dropdown-link-active-bg: red !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #495057 !important;
    background-color: #eaeaea !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

/* Optional nicer scrollbars */
.autocomplete-menu {
    --scroller-color: 0, 0%;
    --scroller-color-lightness: 80%;
    --scroller-bg-lightness: 90%;
    --scroller-hover-factor: 0.8;
    --scroller-thumb: hsl(var(--scroller-color), var(--scroller-color-lightness));
    /* Replicate hover for webkit */
    --scroller-thumb-hover: hsl(var(--scroller-color), calc(var(--scroller-color-lightness) * var(--scroller-hover-factor)));
    --scroller-background: hsl(var(--scroller-color), calc(var(--scroller-bg-lightness)));
    scrollbar-color: var(--scroller-thumb) var(--scroller-background);
    scrollbar-width: thin;
    z-index: 30001 !important;
}

    .autocomplete-menu::-webkit-scrollbar {
        width: 8px;
    }

    .autocomplete-menu::-webkit-scrollbar-track {
        background: var(--scroller-background);
    }

    .autocomplete-menu::-webkit-scrollbar-thumb {
        background: var(--scroller-thumb);
    }

        .autocomplete-menu::-webkit-scrollbar-thumb:hover {
            background: var(--scroller-thumb-hover);
        }

.bg-primary-autocomplete {
    --bs-bg-opacity: 1;
    background-color: lightgray !important
}
/* Autocomplete end*/



