.ui-widget.ui-widget-content.ui-autocomplete li a {
    display: block;
    padding: .5rem;
    font-weight: 600;
}


/* Taken from system/css/components/autocomplete-loading.module.css */
/**
 * @file
 * Visual styles for animated throbber.
 *
 * @see autocomplete.js
 */

.js .ui.form input.form-autocomplete.ui-autocomplete-input {
    background-image: url(../../../../../../core/misc/throbber-inactive.png);
    background-repeat: no-repeat;
    background-position: 100% center; /* LTR */
}
.js[dir="rtl"] .ui.form input.form-autocomplete.ui-autocomplete-input {
    background-position: 0% center;
}
.js .ui.form input.form-autocomplete.ui-autocomplete-loading.ui-autocomplete-input {
    background-image: url(../../../../../../core/misc/throbber-active.gif);
    background-position: 100% center; /* LTR */
}
.js[dir="rtl"] .ui.form input.form-autocomplete.ui-autocomplete-loading.ui-autocomplete-input {
    background-position: 0% center;
}

.js form .paragraph-type-label {
    white-space: initial;
}

form .dropbutton__item:first-of-type ~ .dropbutton__item {
    max-width: 100%;
}

.backgorund-colour-pseudo {
    display: flex;
    align-items: center;
}

.backgorund-colour-pseudo span.child {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 1px solid black;
}