@use "../utils/mixins";
@use "../utils/variables";

.select2-container {
    min-width: 100% !important;
    .select2-selection--single {
        height: 38px;
    }
}
.select2-container--default {
    .select2-selection--single {
        border: 1px solid var(--Stroke, rgba(145, 158, 171, 0.30));
        @include mixins.rounded(5px);
        .select2-selection__rendered {
            color: variables.$text-color;
            line-height: 38px;
            @include mixins.rounded(5px);
            padding-left: 0.85rem;
            font-size: variables.$font-size-14;
            font-weight: variables.$font-weight-normal;
        }
        .select {
            width: 219px;
        }
        .select2-selection__arrow {
            height: 38px;
            right: 6px;
        }
    }
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    @include mixins.position(absolute,50%,null,null,50%);
    border-color: variables.$gray-900;
    border-style: solid;
    border-width: 0 1.5px 1.5px 0;
    padding: 2px;
    height: 0;
    margin-left: -6px;
    margin-top: -3px;
    width: 0;
    @include mixins.transform(rotate(45deg) translateY(-50%));
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: variables.$black;;
    border-width: 1.5px 0 0 1.5px;
    margin-top: 3px;
    @include mixins.margin-padding(null, 2px);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: variables.$primary;
    color: variables.$white;
}
.select2-container--focus  {
    .select2-selection--single{
        background: variables.$white !important;
        border-color: variables.$primary;
    }
}
span.select2-container.select2-container--default.select2-container--open {
    z-index: 9999;
}
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple,
.select2-container--classic .select2-selection--single .select2-selection__arrow,
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    border-color: variables.$border-color;
    color: variables.$gray-900;
    height: 38px;
    line-height: 38px;
}

.select2-container--default .select2-selection--multiple {
    line-height: 27px;
    height: auto;
    min-height: 38px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: variables.$info;
    border-color: variables.$info;
    color: variables.$white;
}