/* Fix for select element text clipping issues */

/* Fix normal select dropdowns text clipping */
select.form-control,
select {
    padding: 6px 12px !important;
    line-height: 1.6 !important;
    height: auto !important;
    min-height: 34px !important;
}

/* Ensure select options are properly displayed */
select option {
    padding: 5px 10px !important;
    line-height: 1.5 !important;
}

/* Fix for Bootstrap form-control select elements */
.form-group select.form-control {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Fix for input groups containing select */
.input-group select.form-control {
    padding: 6px 12px !important;
    line-height: 1.6 !important;
}

/* Ensure proper vertical alignment */
select.form-control:not([size]):not([multiple]) {
    height: auto !important;
    min-height: 38px !important;
}

/* Fix for RTL direction */
[dir="rtl"] select.form-control,
[dir="rtl"] select {
    padding: 6px 12px !important;
}

/* Fix for small select elements */
select.form-control.input-sm,
select.input-sm {
    padding: 5px 10px !important;
    line-height: 1.5 !important;
    min-height: 30px !important;
}

/* Fix for large select elements */
select.form-control.input-lg,
select.input-lg {
    padding: 10px 16px !important;
    line-height: 1.6 !important;
    min-height: 46px !important;
}

/* Prevent text overflow in select */
select.form-control,
select {
    overflow: visible !important;
    text-overflow: ellipsis !important;
}

/* Fix for DataTables select elements */
.dataTables_length select {
    padding: 4px 8px !important;
    line-height: 1.5 !important;
    min-height: 28px !important;
    height: auto !important;
}

/* Fix for filter select elements */
.filters select,
.filter-section select {
    padding: 6px 12px !important;
    line-height: 1.6 !important;
    min-height: 34px !important;
}

/* Ensure dropdown icon doesn't overlap text */
select.form-control {
    padding-right: 30px !important;
    background-position: right 8px center !important;
}

[dir="rtl"] select.form-control {
    padding-left: 30px !important;
    padding-right: 12px !important;
    background-position: left 8px center !important;
}