/* ####################################
 ##### Autocomplete
 #####
 #####
 #####
 ######################################*/
.ui-autocomplete li strong {background-color: var(--lightblue); font-weight: normal;}

.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    background-color: var(--primary-background-color);
    position: absolute;
    z-index: 98;
}

.ui-autocomplete .ui-menu-item {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    margin: 0;
}

.ui-autocomplete li { padding:2px 0px;}
.ui-autocomplete li:nth-child(even) {background-color: var(--secondary-background-color);}
.ui-autocomplete li a, .ui-autocomplete li div {font-size: 14px; white-space: normal; color: var(--primary-text-color);}
.ui-autocomplete li.ui-state-focus, .ui-autocomplete li.ui-state-focus a, .ui-autocomplete li.ui-state-focus a strong { color: var(--alternate-text-color) ; }
.ui-autocomplete li.ui-state-focus, .ui-autocomplete li.ui-state-focus div, .ui-autocomplete li.ui-state-focus a strong, .ui-autocomplete li.ui-state-focus div strong { background-color: var(--maincolor); color: var(--alternate-text-color);}

.menuSearchAutocompleteMenu {z-index: 111;}
.menuSearchAutocompleteMenu li div {max-width: 200px;}
.titleSearchAutocompleteMenu li div {max-width: 270px;}

/* Specific styling of "add new" list item */
.ui-autocomplete .addNewEntry.ui-menu-item {
    border: 0;
    background-color: var(--alternate-button-color);
    font-weight: 600;
    margin: 5px 0 0 0;
    padding: 10px 8px;
}

.ui-autocomplete li.addNewEntry.ui-menu-item div {
    color: var(--alternate-button-text-color);
}

.ui-autocomplete li.addNewEntry strong {background-color: var(--lightblue); font-weight: 600;}
.ui-autocomplete .addNewEntry.ui-menu-item.ui-state-focus {background-color: var(--maincolor); margin: 5px 0 0 0;}

.ui-widget-content.ui-autocomplete {padding: 2px; margin: 0;}

.ui-autocomplete-loading {
    background-image: url("../images/ajaxload.gif");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 16px auto;
    padding-right: 5px;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}

/* Light Gallery*/

.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {
    background-color: transparent;
}

.lg-container button {
    height: auto;
    min-width: auto;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #00afea !important;
}

.lg-outer .lg-thumb-item {
    border-radius: 4px;
    border: 2px solid transparent;
    transition: border-color 0.25s ease;
}