/* ISCP-branded overrides on top of the jQuery UI 1.13.3 smoothness theme.
   Must load AFTER the smoothness theme link so the cascade wins. */

/* Smoothness sets .ui-widget to font-size 1.1em, inflating autocomplete
   suggestions and dialog text. Match the surrounding page instead. */
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: inherit;
    font-size: 1em;
}
.ui-menu .ui-menu-item {
    font-size: 12px;
}

.ui-autocomplete {
    border: 1px solid #ff9c00;
    background: #fff;
}

/* In jQuery UI 1.12+ suggestion text moved from <a class="ui-corner-all">
   to <div class="ui-menu-item-wrapper">, so the existing rules in
   stylesheets/bootstrap.css (compiled from custom/_iscp.scss) no longer
   match anything. */
.ui-autocomplete .ui-menu-item-wrapper {
    display: block;
    padding: 3px 15px;
    line-height: 18px;
    font-weight: normal;
    color: #555;
    white-space: nowrap;
    border: 0;
    margin: 0;
}
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-state-active .ui-menu-item-wrapper {
    background: #FC8133;
    color: #fff;
    border: 0;
    margin: 0;
    border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar {
    background: #5CB85C;
    color: #222;
    font-size: 20px;
    border: 0;
}

/* The close button became a real <button> in jQuery UI 1.12+, so
   bootstrap's button normalize (-webkit-appearance: button) takes effect
   and hides the sprite-based X. Reset that and render the X with
   Glyphicons, matching the icon vocabulary used by .remove_item etc. */
.ui-dialog .ui-dialog-titlebar-close {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-space {
    display: none;
}
.ui-dialog .ui-dialog-titlebar-close::before {
    font-family: "Glyphicons Halflings";
    content: "\e014";
    color: #fff;
    font-size: 14px;
    line-height: 1;
    display: block;
    text-indent: 0;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    background: #000;
}