styles.css

.path-mod-vocab fieldset.collapsible {
    max-width: 960px;
}

/** add bg colors to form headings */

.path-mod-vocab fieldset.collapsible > div:first-of-type:not(.fcontainer) {
    background-color: #ccebff; /* light blue */ 
    border-radius: 0.25rem;
    border: 1px solid #666;
}
.path-mod-vocab fieldset.collapsible > div:first-of-type:not(.fcontainer) a.icons-collapse-expand {
    background-color: #fff;
    border: 1px solid #666;
    justify-content: center;
}

/** restore padding-right on select elements */
.path-mod-vocab select.form-control[size],
.path-mod-vocab select.form-control[multiple] {
    padding-right: inherit;
}

/** prevent small elements appearing on their own line on small screens */
.path-mod-vocab .fitem:not([id^='fitem_id_'][id$='file']) .col-md-3,
.path-mod-vocab .fitem:not([id^='fitem_id_'][id$='file']) .col-md-9 {
    width: auto; /* override 100% */
}

/** don't force elements onto their own line */
.path-mod-vocab .form-inline .form-check {
    width: auto; /* override 100% */
}

.path-mod-vocab fieldset#id_pagelayouts:not(.collapsed) {
    max-width: 1140px;
}

.path-mod-vocab #pagelayouts_table thead {    
    background-color: #008196; /* bg-info, bg-dark = #343a40 */
    color: #f8f9fa; /* text-light */
}

.path-mod-vocab #pagelayouts_table th + th {
    border-left: solid ivory 2px;
}

.path-mod-vocab #pagelayouts_table th + td,
.path-mod-vocab #pagelayouts_table td + td {
    border-left: solid darkgrey 2px;
}

.path-mod-vocab #fgroup_id_attemptdelayelements .felement label {
    min-height: 32px;
}

.path-mod-vocab.pagelayout-maintenance #page {
    margin-top: 0px; /* override 50px */
}

.path-mod-vocab .vocab-results .alert {
    max-width: 360px;
}

.path-mod-vocab .vocab-wordlist-words {
    max-height: 203px;
    max-width: 360px;
    overflow-y: auto;
}
.path-mod-vocab .vocab-wordlist-words::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
} 
.path-mod-vocab .vocab-wordlist-words::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
.path-mod-vocab .vocab-wordlist-words::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border-radius: 10px;
}

.path-mod-vocab .vocab-games {
    max-width: 480px;
}
.path-mod-vocab .vocab-games .btn {
    max-width: 110px;
}

/** The following styles are shared among the AI and TOOL subplugins */
.path-mod-vocab-ai fieldset.collapsible > div:first-of-type:not(.fcontainer),
.path-mod-vocab-tool fieldset.collapsible > div:first-of-type:not(.fcontainer) {
    background-color: #e6e6e6;
}
.path-mod-vocab-ai .configinfo dl:first-of-type,
.path-mod-vocab-tool .configinfo dl:first-of-type {
    background-color: #4d4d4d;
}

/** The following styles are shared among the AI subplugins */

/* Put each info block into a rounded box */
.path-mod-vocab-ai .configinfo {
    background-color: #f8f9fa; /* bg-light */
    border: 1px solid #dee2e6; /* border */
    border-radius: 0.25rem; /* rounded */
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    max-width: 960px;
    width: 100%;
}

.path-mod-vocab-ai .configinfo dl:nth-of-type(odd) {
     /* very light grey, just lighter than bg-light */
    background-color: #f0f2f4;
}

.path-mod-vocab-ai .configinfo dl:first-of-type {
     /* increase vertical padding */
    padding-top: 0.25rem;
    padding-bottom: 0rem;

     /* large bold font */
    font-size: 1.2rem;
    font-weight: 400;

     /* text-light - requires a dark background color */
    background-color: #333; /* should be overridden */
    color: #f8f9fa;

     /* Rounded corners for top left and right */
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}