
.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border-radius: $radius;
    border: 0.0625rem solid $light;
    height: 2.5rem;
    background: $white;
	@at-root [data-theme-version="dark"] & {
        background:$d-bg;
		border-color:$d-border;
    }
		
		
    &:hover,&:focus,&.active{
        box-shadow: none;
    }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.4rem;
	color:$body-color;
	padding-left: 0.9375rem;
	min-height: 2.5rem;
	@at-root [data-theme-version="dark"] & {
		color:$white;
	}
}

.select2-container--default .select2-selection--multiple {
    border-color: $border;
    border-radius: 0;
	
}
.select2-container .select2-search--inline .select2-search__field { 
    margin-top: 8px;
}

.select2-dropdown {
    border-radius: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: $border;
    background: $white;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0.375rem;
    right: 0.9375rem;
}
.select2-container .select2-selection--multiple{
	min-height: 2.5rem;
	color:$body-color;
	border-radius: $radius;
	border: 0.0625rem solid $light;
	@at-root [data-theme-version="dark"] & {
        background:$d-bg;
		border-color:$d-border;
    }
}
.select2-search--dropdown .select2-search__field{
	@at-root [data-theme-version="dark"] & {
        background:$dark-card;
		border-color:$d-border;
    }
}
.select2-dropdown{
	border-color: $light;
	@at-root [data-theme-version="dark"] & {
        background:$d-bg;
		border-color:$d-border;
    }
}
.swal2-popup .swal2-content{
	color:$body-color;
}
.select2-container--classic .select2-selection--single{
	background-image:none;
	@at-root [data-theme-version="dark"] & {
		background-color:$d-bg;
		border-color:$d-border;
	}
	.select2-selection__rendered{
		@at-root [data-theme-version="dark"] & {
			background-color:$d-bg;
			color:$white;
		}
	}
	.select2-selection__arrow{
		@at-root [data-theme-version="dark"] & {
			background-image:none;
			background-color:$dark-card;
			border-color:$d-border;
		}
	}
}
 






















