﻿.custom-bank-select {
    width: 100%;
    height: 50px !important;
}

    /* Điều chỉnh chiều cao của RadzenDropDown input */
    .custom-bank-select .rz-dropdown {
        height: auto; /* Cho phép chiều cao tự động điều chỉnh */
        min-height: 45px; /* Tăng chiều cao tối thiểu */
        display: flex; /* Sử dụng flexbox để căn chỉnh */
        align-items: center; /* Căn chỉnh dọc theo chiều cao */
        padding: 4px 8px; /* Thêm padding để chữ không bị sát lề */
    }

    /* Hiện mũi tên mặc định của RadzenDropDown */
    .custom-bank-select .rz-dropdown-trigger {
        visibility: visible;
        opacity: 1 !important;
        pointer-events: auto;
    }

/* Canh chỉnh danh sách xổ xuống */
.rz-dropdown-panel {
    transform-origin: left center;
}

/* Tùy chỉnh thêm */
.custom-bank-select .rz-dropdown {
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .custom-bank-select .rz-dropdown:not(.rz-state-disabled) {
        border-color: #bdbdbd;
    }

.custom-bank-select:hover .rz-dropdown:not(.rz-state-disabled) {
    border-color: #9e9e9e;
}

.custom-bank-select .rz-dropdown:focus {
    border-color: #1976d2;
    box-shadow: 0 0 0 0.2rem rgba(25, 118, 210, 0.25);
}

.custom-bank-select .rz-dropdown-trigger {
    color: #757575;
}

.custom-bank-select .rz-inputtext {
    /*padding: 15px;*/ /* Điều chỉnh padding cho vừa vặn */
    line-height: normal; /* Đảm bảo chiều cao dòng bình thường */
    overflow: hidden; /* Ẩn phần chữ bị tràn */
    text-overflow: ellipsis; /* Hiển thị dấu ba chấm nếu chữ quá dài */
    white-space: nowrap; /* Ngăn chữ xuống dòng */
    flex: 1; /* Cho phép input chiếm hết không gian còn lại */
    /* Các thuộc tính khác giữ nguyên */
}



.custom-bank-select.rz-state-error .rz-dropdown {
    border-color: #f44336;
}

.position-relative {
    position: relative;
}

.custom-dropdown-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #666;
}

/* Thêm CSS để giải quyết vấn đề hiển thị chữ */
.custom-bank-select .rz-dropdown .rz-inputtext::placeholder {
    color: #757575; /* Màu chữ placeholder */
    opacity: 1; /* Đảm bảo placeholder hiển thị */
}

.bank-dropdown-container {
    padding: 0.5rem;
}
