/* Match the site's disabled form-control / form-select background (#eceef1)
   and text color (#566a7f) per core.css when Tom Select is disabled or locked. */
.ts-wrapper.disabled,
.ts-wrapper.locked,
.ts-wrapper.disabled .ts-control,
.ts-wrapper.locked .ts-control,
.ts-wrapper.disabled .ts-control input,
.ts-wrapper.locked .ts-control input,
.ts-wrapper.disabled .ts-control .item,
.ts-wrapper.locked .ts-control .item,
.ts-wrapper.form-control.disabled .ts-control,
.ts-wrapper.form-select.disabled .ts-control {
    background-color: #eceef1 !important;
    background-image: none !important;
    cursor: not-allowed !important;
}

.ts-wrapper.disabled .ts-control,
.ts-wrapper.locked .ts-control,
.ts-wrapper.disabled .ts-control .item,
.ts-wrapper.locked .ts-control .item,
.ts-wrapper.disabled .ts-control input,
.ts-wrapper.locked .ts-control input,
.ts-wrapper.disabled .ts-control input::placeholder,
.ts-wrapper.locked .ts-control input::placeholder {
    color: #566a7f !important;
    opacity: 1;
}