/**
 * Restore legacy iGaruda jQuery UI "orange" theme for autocomplete after
 * migrating to jQuery UI 1.13 CDN base theme (default blue active state).
 * 1.13 uses .ui-menu-item-wrapper + .ui-state-active instead of <a class="ui-state-focus">.
 *
 * Also fixes CDN .ui-menu { overflow:auto } which breaks autocomplete height
 * (large empty scroll area) and prevents arrow-key scroll-into-view.
 */
.ui-autocomplete.ui-menu,
.ui-autocomplete.ui-widget-content {
    height: auto !important;
    max-height: 430px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #eeeeee !important;
    border: 1px solid #dddddd !important;
    color: #333333 !important;
    z-index: 999999 !important;
    padding: 2px !important;
    box-sizing: border-box;
}

.ui-autocomplete .ui-menu-item {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    list-style: none !important;
    list-style-image: none !important;
    box-sizing: border-box;
}

.ui-autocomplete .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item > a {
    text-decoration: none !important;
    display: block !important;
    padding: 2px 0.4em !important;
    line-height: 1.5 !important;
    min-height: 0 !important;
    height: auto !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: 'DroidSansRegular', Tahoma, Verdana, Arial, sans-serif !important;
    color: #333333 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    margin: 0 !important;
    cursor: pointer !important;
    box-sizing: border-box;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-focus,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-hover,
.ui-autocomplete .ui-menu-item > a.ui-state-active,
.ui-autocomplete .ui-menu-item > a.ui-state-focus,
.ui-autocomplete .ui-menu-item > a.ui-state-hover {
    border: 1px solid #fbcb09 !important;
    background: #fdf5ce !important;
    font-weight: bold !important;
    color: #c77405 !important;
    margin: 0 !important;
}

.ui-autocomplete .formattedSearch {
    color: #F37126 !important;
    font-size: 10px !important;
    font-family: 'DroidSansRegular', Tahoma, Verdana, Arial, sans-serif !important;
}

/**
 * Datepicker: border stub divs must not use display:none when markup is nested
 * (HTML5 parses <div /> as open tags). display:contents keeps the calendar visible.
 */
.datepickerBorderT,
.datepickerBorderB,
.datepickerBorderL,
.datepickerBorderR,
.datepickerBorderTL,
.datepickerBorderTR,
.datepickerBorderBL,
.datepickerBorderBR {
    display: contents !important;
}