/* Beegap-web's style configuration, specific for select2 */

/* form field appearance */
.select2-container .select2-selection,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    min-height: 38px;
    box-shadow: none;
    border-radius: 4px;
    width: 100%;
    transition: all 300ms linear;
    border: 1px solid #E3E3E3;
}

/* color when disabled */
.select2-container--default.select2-container--disabled .select2-selection {
    background-color: #E9ECEF;
    border: 1px solid #E3E3E3;
}

/* border color with focus */
.select2-container--open .select2-selection,
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    border: 1px solid rgb(170, 170, 170);
}

/* mouse cursor */
/* arrow when active */
.select2-container:not(.select2-container--disabled) .select2-selection,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.select2-container--bootstrap .select2-search--dropdown,
.select2-container--open .select2-dropdown,
.select2-results,
.select2-results__option[aria-selected] {
    cursor: default;
}

/* not-allowed when disabled*/
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    cursor: not-allowed;
}

/* border color on invalid fields */
.contains-invalid-select2 .select2-selection,
.needs-validation ~ span > .select2-dropdown {
    border-color: #dc3545 !important;
}