/* File: select2.css */
/* Tùy chỉnh giao diện Select2 cho giống với thiết kế của web */

/* 1. Khung bao ngoài của ô chọn */
.select2-container .select2-selection--single {
    height: 40px !important; /* Chỉnh chiều cao cho bằng nút Tìm kiếm */
    display: flex !important;
    align-items: center !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background-color: white;
}

/* 2. Mũi tên bên phải */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important; /* Chỉnh lại chiều cao mũi tên cho cân */
    top: 1px !important;
}

/* 3. Cỡ chữ và vị trí chữ bên trong */
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px !important;
    font-size: 16px !important;
    color: #333 !important;
    line-height: normal !important;
}

/* 4. Màu nền khi trỏ chuột vào các dòng gợi ý (Dropdown list) */
.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #007bff !important; /* Màu xanh dương khi hover */
    color: white !important;
}