// Jquery dropdowns
// --------------------------------------------------
//

// variables
@menu-item-padding: 5px 15px;

//.ui-autocomplete {
.ui-menu {
    .dropdown-menu;

    //height: 100%; // Breaks Global search height
    max-height: 100%;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;

    .fa-fw {
        &.fa-lg {
            font-size: 1.3333333em;
            line-height: 0.75em;
            vertical-align: -15%;
        }
    }

    .ui-menu-item-header {
        .dropdown-header;
        // some overrides //
        margin-bottom: 5px;
        padding+: @menu-item-padding;

        //font-size+: @font-size-h4;
        //font-family: @headings-font-family;
        //font-weight: @headings-font-weight;
        //line-height: @headings-line-height;
    }

    .ui-menu-item {
        //.dropdown-menu>li>a;
        display: block;
        clear: both;
        font-size: @font-size-base;
        font-family: @font-family-base;
        font-weight: normal;
        line-height: @line-height-base;
        color: @dropdown-link-color;
        white-space: nowrap; // prevent links from randomly breaking onto new lines
        .clearfix;

        &[id],
        .ui-menu-item-wrapper {
            padding: @menu-item-padding;
            &:hover,
            &:focus,
            &.ui-state-focus,
            &.ui-state-active {
                text-decoration: none;
                color: @dropdown-link-hover-color;
                background-color: @dropdown-link-hover-bg;
            }
            &.ui-state-focus,
            &.ui-state-active {
                border: none;
                background-image: none;
            }
        }
    }

    .ui-state-focus,
    .ui-state-active {
        margin: 0;
    }

    // Icon Colours
    .icon-user { // Entity
        color: @icon-user-color;
    }
    .icon-event { // events
        color: @icon-event-color;
    }
    .icon-group { // groups
        color: @icon-group-color;
    }
    .icon-smart { // smart list
        color: @icon-smart-color;
    }
    .icon-chart { // summary
        color: @icon-chart-color;
    }
}

.field-control {
    .ui-autocomplete-input {
        &.ui-autocomplete-loading {

        }
    }
}

//.ui-menu .ui-state-focus, .ui-menu .ui-state-active

.item-icon-left {
    //margin-left: -5px;
    vertical-align: top;
    display: inline-block;
    .fa,
    .svg-inline--fa {
        //font-size: 20px;
    }
    + .item-block {
        max-width: calc(100% - 20px);
        margin-left: 5px;
        display: inline-block;
    }
}

.item-block {
    .item-text {
        font-size: @font-size-h5;
    }
    .item-text-meta {
        font-size: @font-size-h6;
        color: @brand-default;
    }
}

.panel {
    .dropdown-menu {
        //max-height: 300px;
        overflow: auto;
    }
}

// Popups
.ui-dialog {
    .ui-menu {
        //height: 100%;
    }
}