/* Custom rules for jQuery UI widgets. This is separate from jquery-ui so
we can track our changes vs. the "official" rules separately. And this is
separate from master.css so that we can apply rules in the order of
master -> jQuery UI official -> jQuery UI custom (by putting the stylesheet
link elements in that order). */


/* jQuery UI widgets, mostly help dialogs shown by clicking "?" buttons */
.ui-widget {
    /* Use global font-family rather than jQuery UI's default */
    font-family: inherit;
    font-size: 0.9em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    /* Use global font-family rather than jQuery UI's default */
    font-family: inherit;
    font-size: 0.9em;
}

.ui-widget-content {
    color: var(--text-color);
}
.ui-dialog.ui-widget-content {
    background: var(--dialog-background-color);
}
.ui-dialog.ui-dialog-form.ui-widget-content {
    background: var(--dialog-form-background-color);
}
.ui-dialog.ui-widget-content a {
    /* Use global link color instead of jQuery UI default (inherit doesn't
     seem to work here) */
    color: var(--link-color);
}
