@use "_bootstrap.scss";
@use "_sweetalert.scss";
@use "_editor-summ.scss";
@use "_niceselect.scss";
@use "_toster.scss";
@use "_data-tables.scss";

/*
|
| Select2 Plugin
|
*/

.select2-container--default .select2-selection--single {
    border: 1px solid var(--input-border-color) !important;
    border-radius: var(--border-radius) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--input-border-color) !important;
}

.select2-dropdown {
    border: 1px solid var(--input-border-color) !important;
    border-radius: var(--border-radius) !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: var(--border-radius) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--second-color) !important;
    color: rgb(0, 0, 0) !important;
}
.select2-results__option {
    padding: 5px 15px !important;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 5px;
}
.select2-container .select2-selection--single {
    height: var(--input-height) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 35px !important;
    padding: 0.375rem 0.75rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--input-height) !important;
    width: 25px !important;
}

.select2-multiple {
    .select2-selection__rendered {
        padding: 40px 0px !important;
    }
}
.select2-container .select2-selection--multiple {
    min-height: var(--input-height) !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--input-border-color) !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    background-color: var(--input-background);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--second-color);
    border: 1px solid var(--second-color);
    color: #fff;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid var(--second-color);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid var(--second-color);
    color: #ffffff;
}
