/*
* autocomplet widget
*/
.ui-widget
{
    background-color: white !important;
    width: auto;
}
/*.uit-front
{
    overflow:hidden;
}*/
/*voor de breedte van de dropdowns*/
.ui-autocomplete-input
{
    background: none !important;
    width: 250px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-autocomplete
{
    max-height: 250px;
    overflow-y: auto;

}

/*
* Content/themes/base/base.css importeert alleen datepicker.css; core.css,
* menu.css en autocomplete.css ontbreken zelfs in die map. Zonder die regels
* staat het suggestielijstje niet absoluut gepositioneerd en belandt het als
* gewone opsomming onderaan de pagina, en wordt de aria-live melding
* ("No search results.") als gewone tekst getoond. Dit zijn de ontbrekende
* structuurregels uit jQuery UI zelf.
*/
.ui-helper-hidden-accessible
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-front
{
    z-index: 100;
}

.ui-menu
{
    display: block;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0;
}

.ui-autocomplete
{
    /* boven de panelen en de datepicker uit */
    border: 1px solid #d3d3d3;
    cursor: default;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1100;
}

.ui-menu .ui-menu-item
{
    cursor: pointer;
    margin: 0;
}

/* 1.10 rendert een <a> in het item, 1.12+ een wrapper-div */
.ui-menu .ui-menu-item > a,
.ui-menu .ui-menu-item-wrapper
{
    display: block;
    padding: 3px 1em 3px 0.4em;
    text-decoration: none;
}

.ui-menu .ui-menu-item > a.ui-state-focus,
.ui-menu .ui-menu-item > a.ui-state-active,
.ui-menu .ui-menu-item-wrapper.ui-state-active,
.ui-menu .ui-menu-item-wrapper.ui-state-focus
{
    background: rgba(183, 239, 136, 0.74);
    color: #1d4e18;
}

.ui-button
{
    height: 21px;
    /*margin-top : -2px;
    margin-left: -1px;*/
}
.ui-dialog-buttonpane
{
    border: none !important;
}

.ui-dialog-titlebar-close
{
    background-image: url('/img/16px-Red_x.png');
    background: white;
    border: none;
    background: white;
    background-repeat: no-repeat;
    display: none !important;
}
/*ul
{
    overflow: hidden;
}*/