/*
 * Checkbox list styles for the plugin's form widgets.
 */

/* Read-only lists: unchecked options keep an empty box, so only checked ones are filled */

.field-checkboxlist .custom-checkbox input:disabled:not(:checked) + label:before {
    background-color: #fff !important;
}

/*
 * Quick-select links ("Select all" / "Select none") laid out in a row.
 * Markup: <div class="field-checkboxlist"><div class="checkboxlist-controls">...</div>...</div>
 *
 * TODO: Delete this comment and everything below it once all clients run OctoberCMS v1.1,
 * whose core styles (modules/system/assets/ui/storm.css) ship these exact rules.
 */

.field-checkboxlist .checkboxlist-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.field-checkboxlist .checkboxlist-controls > div {
    padding-bottom: 7px;
}

.field-checkboxlist .checkboxlist-controls > div > a {
    font-size: 13px;
    margin-right: 20px;
    text-decoration: none;
}

.field-checkboxlist .checkboxlist-controls > div > a > i {
    color: #999;
    margin: 0 4px;
}

.field-checkboxlist .checkboxlist-controls > div > a:hover > i {
    color: #2a3e51;
}