.ui-selectable .ui-selecting {
    background: #FECA40;
}

.ui-selectable .ui-selected {
    background: #F39814;
    color: white;
}

.ui-selectable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-selectable li {
    margin: 3px;
    padding: 0.4em;
    height: 32px;
    white-space: nowrap;
}

.ui-selectable li:hover {
    background: #DDDDFF;
}

.code {
    background: #DDDDDD;
    font-family: monospace;
    margin: 2px;
}

.darcula .code {
    background: #000000;
    color: #DDDDDD;
}

.titleBanner {
    width: 600px;
    padding: 5px;
    font-size: 1.2em;
    color: white;
    background-color: #222288;
}

.spellIcon {
    width: 32px;
    height: 32px;
    margin-right: 1em;
}

.textureIcon {
    height: 32px;
    width: 32px;
    background-size: 256px 128px;
    background-position: -32px -32px;
    background-repeat: no-repeat;
    display: inline-block;
}

.darcula .ui-button {
    background-color: #444 !important;
    background-blend-mode: darken;
    color: white;
    border-color: #888;
}

.darcula .ui-widget-content {
    background-color: #444 !important;
    background-blend-mode: darken;
    color: white;
    border-color: #888;
}

.darcula .ui-widget-header {
    background-color: #666 !important;
    background-blend-mode: darken;
    color: white;
    border-color: #888;
}