.select2-container{
    width: 440px !important;
}

.select2-container *{
    font-size: 12px;
}

.select2-selection{
    border-color: $neutral-branded-300 !important;
    border-radius: 0 !important;
    box-shadow: $elevation-1;
}

.select2-results__option--selected{
    background: #0075a5 !important;
}

.select2-dropdown{
    border-color: #dddddd !important;
    border-radius: 0 !important;
}

.select2-search__field{
    border: 1px solid #5f9cd7 !important;
    height: 40px !important;
    line-height: 38px !important;
    padding: 0 12px !important;
    min-height: 40px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    color: #333 !important;
}

.select2-results__option.select2-results__message{
    padding: 0 1px !important;
}

.select2-search__field:focus{
    box-shadow: none !important;
}

.select2-container .select2-selection--single{
    height: 40px !important;
}

.select2-selection__rendered{
    line-height: 38px !important;
    padding-left: 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 22px !important;
}

.select2-container--default .select2-results__option--highlighted{
    background: $primary-wordpress-100 !important;
    color: $neutral-branded-50 !important;
}

.select2-container--default .select2-results__option--selected.select2-results__option--highlighted.select2-results__option--selectable{
    background: #0075a5 !important;
    color: #fff !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: $neutral-branded-150 !important;
    color: $neutral-branded-700 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: $neutral-branded-700 !important;
    font-size: $fs-2 !important;
    //line-height: 30px !important;
    font-weight: 400 !important;
}

.select2-results__option{
    margin: 0 4px !important;
    min-height: 15px !important;
    padding: 4px 6px !important;
    line-height: 32px !important;
    margin-bottom: 4px !important;
    color: $neutral-branded-700 !important;
    font-size: $fs-2 !important;
    font-weight: 400 !important;
}

.select2-results__option:not(:last-of-type){
    margin-bottom: 0 !important;
}

.select2-selection{
    outline: 0 !important;
    border-radius: 6px !important;
}

.select2-container--above .select2-selection[aria-expanded="true"]{
    border-radius: 0 0 6px 6px !important;
}

.select2-container--below .select2-selection[aria-expanded="true"]{
    border-radius: 6px 6px 0 0 !important;
}

.select2-container--disabled .select2-selection{
    cursor: default !important;
    background: #f7f7f7 !important;
    border-color: #ddd !important;
}

.select2-container--disabled .selection .select2-selection--single .select2-selection__rendered{
    color: #ccc !important;
}

.select2-container--disabled .select2-selection--single .select2-selection__arrow{
    opacity: 0.5 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    width: 24px !important;
    height: 24px !important;
    margin: 7px 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    background: url("../../img/icons/chevron-down.svg") 0 0 no-repeat !important;
    border-width: 0 !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
}

/*  Select Multiple Styles */
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    border: 0 !important;
    background: $neutral-grey-200 !important;
    border-radius: 2px !important;

    color: $neutral-branded-700 !important;
    font-size: $fs-1 !important;
    //line-height: 30px !important;
    font-weight: 400 !important;
    height: 24px !important;
    line-height: 24px !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 8px !important;
    padding: 0 6px !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.select2-selection--multiple .select2-search.select2-search--inline{
    display: flex !important;
    margin: 7px 0 !important;
}

.select2-selection--multiple .select2-search input.select2-search__field{
    border: none !important;
    width: auto !important;
    height: 24px !important;
    line-height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
}