body .select2-container .select2-choice, body .select2-container .select2-selection { font-size: 1em; min-height: 42px; line-height: 42px; } .select2-selection__rendered { padding-left: 0px !important; padding-right: 0px !important; } .select2-selection__arrow { min-height: 42px; line-height: 42px !important; visibility: hidden; } .select2-container .select2-selection { background-image: none !important; } .select2-selection__rendered input { line-height: unset !important; min-height: unset !important; } .select2-results__option { margin-bottom: 0px; } .select2-search.select2-search--inline input, .select2-container--default .select2-selection--multiple .select2-selection__rendered li { margin: 3px !important; line-height: 28px !important; min-height: 28px !important; height: unset !important; width: unset !important; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child, .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child>input { margin-left: 0px !important; } .select2-selection__choice+.select2-search.select2-search--inline .select2-search__field { width: 1em !important; } .select2-results__option:before{ content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%235C666F'/%3E%3C/svg%3E%0A"); vertical-align: middle; margin-right: 8px; } [aria-multiselectable="true"] .select2-results__option:before{ content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='white' stroke='%235C666F'/%3E%3C/svg%3E%0A"); } .select2-results__option.select2-results__option--highlighted:before, .select2-results__option[data-selected="true"]:before{ content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%2373ABE6'/%3E%3Ccircle cx='10' cy='10' r='6' fill='%2373ABE6'/%3E%3C/svg%3E%0A"); } [aria-multiselectable="true"] .select2-results__option.select2-results__option--highlighted:before, [aria-multiselectable="true"] .select2-results__option[data-selected="true"]:before{ content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' fill='%2373ABE6'/%3E%3Cpath d='M15 6L8.125 13L5 9.81818' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .select2-search__field:not(select[multiple]+.select2 .select2-search__field){ background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 17L13.1333 13.1333M15.2222 8.11111C15.2222 12.0385 12.0385 15.2222 8.11111 15.2222C4.18375 15.2222 1 12.0385 1 8.11111C1 4.18375 4.18375 1 8.11111 1C12.0385 1 15.2222 4.18375 15.2222 8.11111Z' stroke='%235C666F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat; background-position:  10px; padding-left: 36px !important; } .select2 .select2-selection{ display: flex !important; align-items: center; gap: 10px; } .select2 .select2-selection:before{ content: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%235C666F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); display: inline; vertical-align: sub; }