/* Shared dropdown indicators, including controls inserted by AJAX. */
html :is(body, #main-wrapper) .select-dark-wrapper::after {
    content: none !important;
    display: none !important;
}

html :is(body, #main-wrapper) select:not([multiple]):not([size]):not(.select2-hidden-accessible):not(.tomselected),
html :is(body, #main-wrapper) select[size="1"]:not([multiple]):not(.select2-hidden-accessible):not(.tomselected) {
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23798391' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 16px 16px !important;
    padding-left: 38px !important;
}

html :is(body, #main-wrapper) select[dir="ltr"]:not([multiple]):not(.select2-hidden-accessible):not(.tomselected),
html :is(body, #main-wrapper) [dir="ltr"] select:not([dir="rtl"]):not([multiple]):not(.select2-hidden-accessible):not(.tomselected) {
    background-position: right 12px center !important;
    padding-right: 38px !important;
    padding-left: 12px !important;
}

html :is(body, #main-wrapper) .select2-container .select2-selection,
html :is(body, #main-wrapper) .ts-wrapper .ts-control {
    position: relative !important;
    background-image: none !important;
    padding-inline-end: 38px !important;
}

html :is(body, #main-wrapper) .select2-container .select2-selection__arrow {
    display: none !important;
}

html :is(body, #main-wrapper) .select2-container .select2-selection::after,
html :is(body, #main-wrapper) .ts-wrapper .ts-control::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset-inline-end: 15px !important;
    inset-inline-start: auto !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin: -6px 0 0 !important;
    border: 0 solid #798391 !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    background: none !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
}

html :is(body, #main-wrapper) .select2-container--open .select2-selection::after,
html :is(body, #main-wrapper) .ts-wrapper.dropdown-active .ts-control::after {
    margin-top: -2px !important;
    transform: rotate(225deg) !important;
}

html :is(body, #main-wrapper) .select2-container .select2-selection__clear,
html :is(body, #main-wrapper) .ts-wrapper.plugin-clear_button .clear-button {
    inset-inline-end: 34px !important;
    inset-inline-start: auto !important;
}

html :is(body, #main-wrapper) .select2-container--disabled .select2-selection::after,
html :is(body, #main-wrapper) .ts-wrapper.disabled .ts-control::after {
    opacity: .4;
}