#topicList .ui-widget-content {
    background: inherit;
    color: black;
    border: none;
    cursor: pointer;
}

#topicList li {
    padding-left: 30px;
    padding-right: 30px;
}

#topicList .ui-selected {
    font-weight: bold;
}

/* note, we can't get at the style of the dialog itself, because it isn't in the scope that activates this css
If we wer ever motivated enough to do that, see here: http://stackoverflow.com/questions/2199888/custom-css-scope-and-jquery-ui-dialog-themes
But more likely we'd just get a Bloom Dialog theme going and so we wouldn't care about customizing it just for this chooser
div.ui-dialog div.ui-dialog-titlebar {
  background: darkgray;
}
*/

#topicList {
    // We are going to rewrite this component in 5.4.
    // So this is just a temporary quick-fix to get the bolding to work correctly.
    // There isn't enough distinction between regular and bold in Roboto.
    font-family: "Segoe UI", Arial, sans-serif;
}

#topicList .ui-widget-content {
    background: inherit;
    color: black;
    border: none;
    cursor: pointer;
}

#topicList li {
    padding-left: 30px;
    padding-right: 30px;
}

#topicList .ui-selected {
    font-weight: bold;
}

/* note, we can't get at the style of the dialog itself, because it isn't in the scope that activates this css
If we wer ever motivated enough to do that, see here: http://stackoverflow.com/questions/2199888/custom-css-scope-and-jquery-ui-dialog-themes
But more likely we'd just get a Bloom Dialog theme going and so we wouldn't care about customizing it just for this chooser
div.ui-dialog div.ui-dialog-titlebar {
  background: darkgray;
}
*/

Revert topic chooser font to Segoe UI (BL-11154)
Revert topic chooser font to Segoe UI (BL-11154)