.choices { font-size: 0.9rem; width: 100%; } /* Input style */ .choices__inner { background: #fff; border: 1px solid var(--primary-blue-light); border-radius: 0.375rem; /* same as Bootstrap `.form-control` */ padding: 0.5rem; min-height: 2.5rem; box-shadow: none; cursor: text; } /* Placeholder */ .choices__placeholder { color: #6c757d; /* Bootstrap muted */ opacity: 0.9; } /* Selected items (tags) */ .choices__list--multiple .choices__item { background-color: var(--primary-blue-light) !important; color: #fff; border: none; border-radius: 0.25rem; padding: 0.25rem 0.5rem; margin: 0.15rem; font-size: 0.85rem; } /* Remove "x" button */ .choices__list--multiple .choices__item .choices__button { border-left: 1px solid rgba(255,255,255,0.3); margin-left: 0.25rem; color: #fff; opacity: 0.9; } .choices__list--multiple .choices__item .choices__button:hover { opacity: 1; } /* Dropdown list */ .choices__list--dropdown { border: 1px solid var(--primary-blue-light); border-radius: 0.25rem; box-shadow: 0 3px 6px rgba(0,0,0,0.1); margin-top: 0.2rem; } /* Dropdown options */ .choices__list--dropdown .choices__item { padding: 0.5rem; font-size: 0.9rem; } /* Hover/active in dropdown */ .choices__list--dropdown .choices__item--highlighted { background-color: var(--primary-blue-light); color: #fff; }