lavkach3

1

2
.choices {
3
    position: relative;
4
    overflow: hidden;
5
    font-size: 16px
6
}
7

8
.choices [hidden] {
9
    display: none !important
10
}
11

12
.choices:focus {
13
    outline: 0
14
}
15

16
.choices:last-child {
17
    margin-bottom: 0
18
}
19

20
.choices.is-open {
21
    overflow: visible
22
}
23

24
.choices.is-disabled .choices__item {
25
    cursor: not-allowed
26
}
27

28
.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
29
    cursor: not-allowed;
30
    -webkit-user-select: none;
31
    user-select: none;
32

33
}
34

35
.choices[data-type*=select-one] {
36
    cursor: pointer
37
}
38

39
.choices[data-type*=select-one] .choices__inner {
40
    padding-bottom: 7.5px;
41
    position: relative;
42
    border-radius: 10px !important;
43
}
44

45
.choices[data-type*=select-one] .choices__input {
46
    display: block;
47
    width: 100%;
48
    padding: 10px;
49
    border-bottom: 1px solid #ddd;
50
    background-color: var(--bs-light);
51
    margin: 0;
52
    font-size: small;
53
}
54

55
.choices[data-type*=select-one] .choices__button {
56
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
57
    padding: 0;
58
    background-size: 8px;
59
    position: relative;
60
    top: 50%;
61
    right: 0;
62
    margin-top: -10px;
63
    margin-right: 25px;
64
    height: 20px;
65
    width: 20px;
66
    border-radius: 10em;
67
    opacity: .25
68
}
69

70
.choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover {
71
    opacity: 1
72
}
73

74
.choices[data-type*=select-one] .choices__button:focus {
75
    box-shadow: 0 0 0 2px #005f75
76
}
77

78
.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
79
    display: none
80
}
81

82
.choices[data-type*=select-one]::after {
83
    content: "";
84
    height: 0;
85
    width: 0;
86
    border-style: solid;
87
    border-color: #333 transparent transparent;
88
    border-width: 5px;
89
    position: absolute;
90
    right: 11.5px;
91
    top: 50%;
92
    margin-top: -2.5px;
93
    pointer-events: none
94
}
95
.choices[data-type*=select-one].is-disabled::after {
96
    border-color: transparent;
97
}
98

99
.choices[data-type*=select-one].is-open::after {
100
    border-color: transparent transparent #333;
101
    margin-top: -7.5px
102
}
103

104
.choices[data-type*=select-one][dir=rtl]::after {
105
    left: 11.5px;
106
    right: auto
107
}
108

109
.choices[data-type*=select-one][dir=rtl] .choices__button {
110
    right: auto;
111
    left: 0;
112
    margin-left: 25px;
113
    margin-right: 0
114
}
115

116

117
.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
118
    position: relative;
119
    display: inline-block;
120
    margin: 0 -4px 0 8px;
121
    padding-left: 16px;
122
    border-left: 1px solid #003642;
123
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
124
    background-size: 8px;
125
    width: 8px;
126
    line-height: 1;
127
    opacity: .75;
128
    border-radius: 0
129
}
130

131
.choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover {
132
    opacity: 1
133
}
134

135

136
.is-focused .choices__inner, .is-open .choices__inner {
137
    border-color: #b7b7b7
138
}
139

140
.is-open .choices__inner {
141
    border-radius: 2.5px 2.5px 0 0
142
}
143

144
.is-flipped.is-open .choices__inner {
145
    border-radius: 0 0 2.5px 2.5px
146
}
147

148
.choices__list {
149
    margin: 0;
150
    padding-left: 0;
151
    list-style: none;
152
    border-radius: 10px;
153
}
154

155
.choices__list--single {
156
    display: inline-block;
157
    border-radius: 10px;
158
    width: 100%
159
}
160

161
[dir=rtl] .choices__list--single {
162
    padding-right: 4px;
163
    padding-left: 16px
164
}
165

166
.choices__list--single .choices__item {
167
    width: 100%
168
}
169

170
.choices__list--multiple {
171
    display: inline
172
}
173

174
.choices__list--multiple .choices__item {
175
    display: inline-block;
176
    vertical-align: middle;
177
    border-radius: 5px;
178
    margin-right: 3.75px;
179
    padding-left: 5px;
180
    background-color: var(--bs-primary);
181
    color: #fff;
182
    word-break: break-all;
183
    box-sizing: border-box
184
}
185

186
.choices__list--multiple .choices__item[data-deletable] {
187
    padding-right: 5px
188
}
189

190
[dir=rtl] .choices__list--multiple .choices__item {
191
    margin-right: 0;
192
    margin-left: 3.75px
193
}
194

195
.choices__list--multiple .choices__item.is-highlighted {
196
    background-color: #004a5c;
197
    border: 1px solid #003642
198
}
199

200
.is-disabled .choices__list--multiple .choices__item {
201
    background-color: #aaa;
202
    border: 1px solid #919191
203
}
204

205
.choices__list--dropdown, .choices__list[aria-expanded] {
206
    display: none;
207
    position: absolute;
208
    width: max-content;
209
    background-color: var(--bs-card-bg);
210
    color: var(--bs-heading-color);
211
    border-radius: 15px;
212
    top: 100%;
213
    margin-top: -1px;
214
    overflow: hidden;
215
    word-break: break-all;
216
    z-index: 9999;
217
}
218

219
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
220
    display: block
221
}
222

223
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
224
    border-color: #b7b7b7
225
}
226

227
.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
228
    top: auto;
229
    bottom: 100%;
230
    margin-top: 0;
231
    margin-bottom: -1px;
232
    border-radius: .25rem .25rem 0 0
233
}
234

235
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
236
    position: relative;
237
    max-height: 300px;
238
    overflow: auto;
239
    width: fit-content;
240
    font-size: medium;
241
    min-width: 100%;
242
    background-color: var(--bs-body-color);
243
    -webkit-overflow-scrolling: touch;
244
    will-change: scroll-position;
245
}
246

247
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
248
    position: relative;
249
    padding: 10px;
250
    width: fit-content;
251
    min-width: 100%;
252
    background-color: var(--bs-tertiary-bg);
253
}
254

255
[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
256
    text-align: right
257
}
258

259
@media (min-width: 640px) {
260
    .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
261
        padding-right: 100px
262
    }
263

264
    .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
265
        content: attr(data-select-text);
266
        font-size: 12px;
267
        opacity: 1;
268
        position: absolute;
269
        right: 10px;
270
        top: 50%;
271
        transform: translateY(-50%)
272
    }
273

274
    [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
275
        text-align: right;
276
        padding-left: 100px;
277
        padding-right: 10px
278
    }
279

280
    [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
281
        right: auto;
282
        left: 10px
283
    }
284
}
285

286
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
287
    background-color: var(--bs-body-color);
288
    color: var(--bs-danger-rgb);
289
}
290

291
.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
292
    opacity: .5
293
}
294

295
.choices__item {
296
    cursor: default
297
}
298

299
.choices__item--selectable {
300
    cursor: pointer
301
}
302

303
.choices__item--disabled {
304
    cursor: not-allowed;
305
    -webkit-user-select: none;
306
    user-select: none;
307
    opacity: .5
308
}
309

310
.choices__heading {
311
    font-weight: 600;
312
    font-size: 12px;
313
    padding: 10px;
314
    border-bottom: 1px solid #f7f7f7;
315
    color: gray
316
}
317

318
.choices__button {
319
    text-indent: -9999px;
320
    appearance: none;
321
    border: 0;
322
    background-color: transparent;
323
    background-repeat: no-repeat;
324
    background-position: center;
325
    cursor: pointer
326
}
327

328
.choices__button:focus, .choices__input:focus {
329
    outline: 0
330
}
331

332
.choices__input {
333
    display: inline-block;
334
    vertical-align: baseline;
335
    border: 0;
336
    border-radius: 0;
337
    max-width: 100%;
338
    background-color: var(--bs-card-bg)
339
}
340

341
.choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
342
    display: none
343
}
344

345
.choices__input::-ms-clear, .choices__input::-ms-reveal {
346
    display: none;
347
    width: 0;
348
    height: 0
349
}
350

351
[dir=rtl] .choices__input {
352
    padding-right: 2px;
353
    padding-left: 0
354
}
355

356
.choices__placeholder {
357
    opacity: .5
358
}
359

360

361
.choices__inner .choices__list {
362
    background: transparent;
363
    background-color: transparent;
364
    border-radius: 10px !important;
365
}
366

367
.choices[data-type*=select-multiple] .choices__list--dropdown, .choices[data-type*=text] .choices__list--dropdown {
368
    padding-bottom: 10px;
369
    border-radius: 10px !important;
370
}
371

372
.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
373
    cursor: text;
374
    padding-right: .9rem;
375
    border-radius: 10px !important;
376
}
377

378
.is-open {
379
    .choices__inner {
380
        border-color: #ff7f5d !important;
381
        border-width: 2px !important;
382
        box-shadow: 0px 0px 5px #f7666e !important; /*here change the color*/
383
    }
384
}
385

386
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
387
    background-color: var(--bs-modal-bg);
388
    color: var(--bs-danger-rgb);
389
}
390

391