select2-bootstrap-5-theme.rtl.css 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589
  1. /*!
  2. * Select2 v4 Bootstrap 5 theme v1.3.0
  3. */
  4. .select2-container--bootstrap-5 {
  5. display: block;
  6. }
  7. select + .select2-container--bootstrap-5 {
  8. z-index: 1;
  9. }
  10. .select2-container--bootstrap-5 *:focus {
  11. outline: 0;
  12. }
  13. .select2-container--bootstrap-5 .select2-selection {
  14. width: 100%;
  15. min-height: calc(1.5em + 0.75rem + 2px);
  16. padding: 0.375rem 0.75rem;
  17. font-family: inherit;
  18. font-size: 1rem;
  19. font-weight: 400;
  20. line-height: 1.5;
  21. color: #212529;
  22. background-color: #fff;
  23. border: 1px solid #ced4da;
  24. border-radius: 0.25rem;
  25. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  26. -webkit-appearance: none;
  27. -moz-appearance: none;
  28. appearance: none;
  29. }
  30. @media (prefers-reduced-motion: reduce) {
  31. .select2-container--bootstrap-5 .select2-selection {
  32. transition: none;
  33. }
  34. }
  35. .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
  36. border-color: #86b7fe;
  37. box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  38. }
  39. .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
  40. border-bottom: 0 solid transparent;
  41. border-bottom-left-radius: 0;
  42. border-bottom-right-radius: 0;
  43. }
  44. .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection {
  45. border-top: 0 solid transparent;
  46. border-top-right-radius: 0;
  47. border-top-left-radius: 0;
  48. }
  49. .select2-container--bootstrap-5 .select2-search {
  50. width: 100%;
  51. }
  52. .select2-container--bootstrap-5 .select2-search--inline .select2-search__field {
  53. vertical-align: top;
  54. }
  55. .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
  56. .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  57. position: absolute;
  58. top: 50%;
  59. left: 2.25rem;
  60. width: 0.75rem;
  61. height: 0.75rem;
  62. padding: 0.25em 0.25em;
  63. overflow: hidden;
  64. text-indent: 100%;
  65. white-space: nowrap;
  66. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  67. transform: translateY(-50%);
  68. }
  69. .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover,
  70. .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover {
  71. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  72. }
  73. .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear > span,
  74. .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear > span {
  75. display: none;
  76. }
  77. .select2-container--bootstrap-5 + .select2-container--bootstrap-5 {
  78. z-index: 1056;
  79. }
  80. .select2-container--bootstrap-5 .select2-dropdown {
  81. z-index: 1056;
  82. overflow: hidden;
  83. color: #212529;
  84. background-color: #fff;
  85. border-color: #86b7fe;
  86. border-radius: 0.25rem;
  87. }
  88. .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
  89. border-top: 0 solid transparent;
  90. border-top-right-radius: 0;
  91. border-top-left-radius: 0;
  92. }
  93. .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
  94. border-bottom: 0 solid transparent;
  95. border-bottom-left-radius: 0;
  96. border-bottom-right-radius: 0;
  97. }
  98. .select2-container--bootstrap-5 .select2-dropdown .select2-search {
  99. padding: 0.375rem 0.75rem;
  100. }
  101. .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  102. display: block;
  103. width: 100%;
  104. padding: 0.375rem 0.75rem;
  105. font-family: inherit;
  106. font-size: 1rem;
  107. font-weight: 400;
  108. line-height: 1.5;
  109. color: #212529;
  110. background-color: #fff;
  111. background-clip: padding-box;
  112. border: 1px solid #ced4da;
  113. -webkit-appearance: none;
  114. -moz-appearance: none;
  115. appearance: none;
  116. border-radius: 0.25rem;
  117. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  118. }
  119. @media (prefers-reduced-motion: reduce) {
  120. .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  121. transition: none;
  122. }
  123. }
  124. .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
  125. border-color: #86b7fe;
  126. box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  127. }
  128. .select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
  129. max-height: 15rem;
  130. overflow-y: auto;
  131. }
  132. .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  133. padding: 0.375rem 0.75rem;
  134. font-size: 1rem;
  135. font-weight: 400;
  136. line-height: 1.5;
  137. }
  138. .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__message {
  139. color: #6c757d;
  140. }
  141. .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
  142. color: #000;
  143. background-color: #e9ecef;
  144. }
  145. .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  146. color: #fff;
  147. background-color: #0d6efd;
  148. }
  149. .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-disabled=true] {
  150. color: #6c757d;
  151. }
  152. .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] {
  153. padding: 0;
  154. }
  155. .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  156. padding: 0.375rem 0.375rem;
  157. font-weight: 500;
  158. line-height: 1.5;
  159. color: #6c757d;
  160. }
  161. .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  162. padding: 0.375rem 0.75rem;
  163. }
  164. .select2-container--bootstrap-5 .select2-selection--single {
  165. padding: 0.375rem 0.75rem 0.375rem 2.25rem;
  166. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  167. background-repeat: no-repeat;
  168. background-position: left 0.75rem center;
  169. background-size: 16px 12px;
  170. }
  171. .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  172. padding: 0;
  173. font-weight: 400;
  174. line-height: 1.5;
  175. color: #212529;
  176. }
  177. .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  178. font-weight: 400;
  179. line-height: 1.5;
  180. color: #6c757d;
  181. }
  182. .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__arrow {
  183. display: none;
  184. }
  185. .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
  186. display: flex;
  187. flex-direction: row;
  188. flex-wrap: wrap;
  189. padding-right: 0;
  190. margin: 0;
  191. list-style: none;
  192. }
  193. .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  194. display: flex;
  195. flex-direction: row;
  196. align-items: center;
  197. padding: 0.35em 0.65em;
  198. margin-left: 0.375rem;
  199. margin-bottom: 0.375rem;
  200. font-size: 1rem;
  201. color: #212529;
  202. cursor: auto;
  203. border: 1px solid #ced4da;
  204. border-radius: 0.25rem;
  205. }
  206. .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  207. width: 0.75rem;
  208. height: 0.75rem;
  209. padding: 0.25em 0.25em;
  210. margin-left: 0.25rem;
  211. overflow: hidden;
  212. text-indent: 100%;
  213. white-space: nowrap;
  214. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  215. border: 0;
  216. }
  217. .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  218. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  219. }
  220. .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove > span {
  221. display: none;
  222. }
  223. .select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
  224. display: block;
  225. width: 100%;
  226. height: 1.5rem;
  227. }
  228. .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
  229. width: 100%;
  230. height: 1.5rem;
  231. margin-top: 0;
  232. margin-right: 0;
  233. font-family: inherit;
  234. line-height: 1.5;
  235. background-color: transparent;
  236. }
  237. .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  238. left: 0.75rem;
  239. }
  240. .select2-container--bootstrap-5.select2-container--disabled .select2-selection, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection {
  241. color: #6c757d;
  242. cursor: not-allowed;
  243. background-color: #e9ecef;
  244. border-color: #ced4da;
  245. box-shadow: none;
  246. }
  247. .select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__clear {
  248. display: none;
  249. }
  250. .select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice {
  251. cursor: not-allowed;
  252. }
  253. .select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  254. display: none;
  255. }
  256. .select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty), .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty) {
  257. padding-bottom: 0;
  258. }
  259. .select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty) + .select2-search, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty) + .select2-search {
  260. display: none;
  261. }
  262. .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu).select2-container--bootstrap-5 .select2-selection {
  263. border-top-left-radius: 0;
  264. border-bottom-left-radius: 0;
  265. }
  266. .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu).select2-container--bootstrap-5 .select2-selection {
  267. border-top-left-radius: 0;
  268. border-bottom-left-radius: 0;
  269. }
  270. .input-group > .input-group-text ~ .select2-container--bootstrap-5 .select2-selection,
  271. .input-group > .btn ~ .select2-container--bootstrap-5 .select2-selection,
  272. .input-group > .dropdown-menu ~ .select2-container--bootstrap-5 .select2-selection {
  273. border-top-right-radius: 0;
  274. border-bottom-right-radius: 0;
  275. }
  276. .input-group .select2-container--bootstrap-5 {
  277. flex-grow: 1;
  278. }
  279. .input-group .select2-container--bootstrap-5 .select2-selection {
  280. height: 100%;
  281. }
  282. .is-valid + .select2-container--bootstrap-5 .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5 .select2-selection {
  283. border-color: #198754;
  284. }
  285. .is-valid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .is-valid + .select2-container--bootstrap-5.select2-container--open .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--open .select2-selection {
  286. border-color: #198754;
  287. box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
  288. }
  289. .is-valid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
  290. border-bottom: 0 solid transparent;
  291. }
  292. .is-valid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection {
  293. border-top: 0 solid transparent;
  294. border-top-right-radius: 0;
  295. border-top-left-radius: 0;
  296. }
  297. .is-invalid + .select2-container--bootstrap-5 .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5 .select2-selection {
  298. border-color: #dc3545;
  299. }
  300. .is-invalid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .is-invalid + .select2-container--bootstrap-5.select2-container--open .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--open .select2-selection {
  301. border-color: #dc3545;
  302. box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
  303. }
  304. .is-invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
  305. border-bottom: 0 solid transparent;
  306. }
  307. .is-invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection {
  308. border-top: 0 solid transparent;
  309. border-top-right-radius: 0;
  310. border-top-left-radius: 0;
  311. }
  312. .select2-container--bootstrap-5 .select2--small.select2-selection {
  313. min-height: calc(1.5em + 0.5rem + 2px);
  314. padding: 0.25rem 0.5rem;
  315. font-size: 0.875rem;
  316. border-radius: 0.2rem;
  317. }
  318. .select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-selection__clear,
  319. .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear {
  320. width: 0.5rem;
  321. height: 0.5rem;
  322. padding: 0.125rem 0.125rem;
  323. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
  324. }
  325. .select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-selection__clear:hover,
  326. .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear:hover {
  327. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
  328. }
  329. .select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search,
  330. .select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search .select2-search__field,
  331. .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search,
  332. .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search .select2-search__field {
  333. height: 1.5em;
  334. }
  335. .select2-container--bootstrap-5 .select2--small.select2-dropdown {
  336. border-radius: 0.2rem;
  337. }
  338. .select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--below {
  339. border-top-right-radius: 0;
  340. border-top-left-radius: 0;
  341. }
  342. .select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--above {
  343. border-bottom-left-radius: 0;
  344. border-bottom-right-radius: 0;
  345. }
  346. .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-search .select2-search__field {
  347. padding: 0.25rem 0.5rem;
  348. font-size: 0.875rem;
  349. }
  350. .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option {
  351. padding: 0.25rem 0.5rem;
  352. font-size: 0.875rem;
  353. }
  354. .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  355. padding: 0.25rem 0.25rem;
  356. }
  357. .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  358. padding: 0.25rem 0.5rem;
  359. }
  360. .select2-container--bootstrap-5 .select2--small.select2-selection--single {
  361. padding: 0.25rem 0.5rem 0.25rem 2.25rem;
  362. }
  363. .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  364. padding: 0.35em 0.65em;
  365. font-size: 0.875rem;
  366. }
  367. .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  368. width: 0.5rem;
  369. height: 0.5rem;
  370. padding: 0.125rem 0.125rem;
  371. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
  372. }
  373. .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  374. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
  375. }
  376. .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear {
  377. left: 0.5rem;
  378. }
  379. .select2-container--bootstrap-5 .select2--large.select2-selection {
  380. min-height: calc(1.5em + 1rem + 2px);
  381. padding: 0.5rem 1rem;
  382. font-size: 1.25rem;
  383. border-radius: 0.3rem;
  384. }
  385. .select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-selection__clear,
  386. .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear {
  387. width: 1rem;
  388. height: 1rem;
  389. padding: 0.5rem 0.5rem;
  390. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
  391. }
  392. .select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-selection__clear:hover,
  393. .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear:hover {
  394. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
  395. }
  396. .select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-search,
  397. .select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-search .select2-search__field,
  398. .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-search,
  399. .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-search .select2-search__field {
  400. height: 1.5em;
  401. }
  402. .select2-container--bootstrap-5 .select2--large.select2-dropdown {
  403. border-radius: 0.3rem;
  404. }
  405. .select2-container--bootstrap-5 .select2--large.select2-dropdown.select2-dropdown--below {
  406. border-top-right-radius: 0;
  407. border-top-left-radius: 0;
  408. }
  409. .select2-container--bootstrap-5 .select2--large.select2-dropdown.select2-dropdown--above {
  410. border-bottom-left-radius: 0;
  411. border-bottom-right-radius: 0;
  412. }
  413. .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-search .select2-search__field {
  414. padding: 0.5rem 1rem;
  415. font-size: 1.25rem;
  416. }
  417. .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option {
  418. padding: 0.5rem 1rem;
  419. font-size: 1.25rem;
  420. }
  421. .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  422. padding: 0.5rem 0.5rem;
  423. }
  424. .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  425. padding: 0.5rem 1rem;
  426. }
  427. .select2-container--bootstrap-5 .select2--large.select2-selection--single {
  428. padding: 0.5rem 1rem 0.5rem 2.25rem;
  429. }
  430. .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  431. padding: 0.35em 0.65em;
  432. font-size: 1.25rem;
  433. }
  434. .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  435. width: 1rem;
  436. height: 1rem;
  437. padding: 0.5rem 0.5rem;
  438. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
  439. }
  440. .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  441. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
  442. }
  443. .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear {
  444. left: 1rem;
  445. }
  446. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection {
  447. min-height: calc(1.5em + 0.5rem + 2px);
  448. padding: 0.25rem 0.5rem;
  449. font-size: 0.875rem;
  450. border-radius: 0.2rem;
  451. }
  452. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
  453. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  454. width: 0.5rem;
  455. height: 0.5rem;
  456. padding: 0.125rem 0.125rem;
  457. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
  458. }
  459. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover,
  460. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover {
  461. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
  462. }
  463. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search,
  464. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search .select2-search__field,
  465. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search,
  466. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
  467. height: 1.5em;
  468. }
  469. .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown {
  470. border-radius: 0.2rem;
  471. }
  472. .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
  473. border-top-right-radius: 0;
  474. border-top-left-radius: 0;
  475. }
  476. .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
  477. border-bottom-left-radius: 0;
  478. border-bottom-right-radius: 0;
  479. }
  480. .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  481. padding: 0.25rem 0.5rem;
  482. font-size: 0.875rem;
  483. }
  484. .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  485. padding: 0.25rem 0.5rem;
  486. font-size: 0.875rem;
  487. }
  488. .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  489. padding: 0.25rem 0.25rem;
  490. }
  491. .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  492. padding: 0.25rem 0.5rem;
  493. }
  494. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single {
  495. padding: 0.25rem 0.5rem 0.25rem 2.25rem;
  496. }
  497. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  498. padding: 0.35em 0.65em;
  499. font-size: 0.875rem;
  500. }
  501. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  502. width: 0.5rem;
  503. height: 0.5rem;
  504. padding: 0.125rem 0.125rem;
  505. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
  506. }
  507. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  508. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
  509. }
  510. .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  511. left: 0.5rem;
  512. }
  513. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection {
  514. min-height: calc(1.5em + 1rem + 2px);
  515. padding: 0.5rem 1rem;
  516. font-size: 1.25rem;
  517. border-radius: 0.3rem;
  518. }
  519. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
  520. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  521. width: 1rem;
  522. height: 1rem;
  523. padding: 0.5rem 0.5rem;
  524. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
  525. }
  526. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover,
  527. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover {
  528. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
  529. }
  530. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search,
  531. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search .select2-search__field,
  532. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search,
  533. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
  534. height: 1.5em;
  535. }
  536. .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown {
  537. border-radius: 0.3rem;
  538. }
  539. .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
  540. border-top-right-radius: 0;
  541. border-top-left-radius: 0;
  542. }
  543. .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
  544. border-bottom-left-radius: 0;
  545. border-bottom-right-radius: 0;
  546. }
  547. .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  548. padding: 0.5rem 1rem;
  549. font-size: 1.25rem;
  550. }
  551. .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  552. padding: 0.5rem 1rem;
  553. font-size: 1.25rem;
  554. }
  555. .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  556. padding: 0.5rem 0.5rem;
  557. }
  558. .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  559. padding: 0.5rem 1rem;
  560. }
  561. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single {
  562. padding: 0.5rem 1rem 0.5rem 2.25rem;
  563. }
  564. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  565. padding: 0.35em 0.65em;
  566. font-size: 1.25rem;
  567. }
  568. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  569. width: 1rem;
  570. height: 1rem;
  571. padding: 0.5rem 0.5rem;
  572. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
  573. }
  574. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  575. background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
  576. }
  577. .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  578. left: 1rem;
  579. }