.btn-custom{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	font-size: 1em;
	border: none;
}

.zoom-custom:hover {
	background-color: rgb(116, 218, 116);
}

.btn-search{
	font-size: 1.2em;
}




.scroll-pane {
	overflow-y: auto; /* Cho phép cuộn theo chiều dọc khi nội dung vượt quá kích thước */
	overflow-x: hidden; /* Ẩn thanh cuộn ngang */
	max-height: 440px;
	width: 100%; /* 100% chiều rộng của phần tử cha */
	padding-right: 10px;
}

/* Điều chỉnh cho màn hình có chiều rộng nhỏ hơn 768px */
@media (max-width: 1575px) {
    .scroll-pane {
        max-height: 420px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

/* Điều chỉnh cho màn hình có chiều rộng nhỏ hơn 480px */
@media (max-width: 1486px) {
    .scroll-pane {
        max-height: 390px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1430px) {
    .scroll-pane {
        max-height: 370px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1352px) {
    .scroll-pane {
        max-height: 350px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1315px) {
    .scroll-pane {
        max-height: 340px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1285px) {
    .scroll-pane {
        max-height: 335px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1250px) {
    .scroll-pane {
        max-height: 330px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1215px) {
    .scroll-pane {
        max-height: 320px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1175px) {
    .scroll-pane {
        max-height: 315px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1160px) {
    .scroll-pane {
        max-height: 305px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}


@media (max-width: 1125px) {
    .scroll-pane {
        max-height: 290px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1080px) {
    .scroll-pane {
        max-height: 280px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1040px) {
    .scroll-pane {
        max-height: 270px; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 1026px) {
    .scroll-pane {
        max-height: 26vw; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}



@media (max-width: 1025px) {
    .scroll-pane {
        max-height: 37vw; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 995px) {
    .scroll-pane {
        max-height: 37vw; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 675px) {
    .scroll-pane {
        max-height: 36vw; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 575px) {
    .scroll-pane {
        max-height: 35vw; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 515px) {
    .scroll-pane {
        max-height: 34vw; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 480px) {
    .scroll-pane {
        max-height: 33vw; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 425px) {
    .scroll-pane {
        max-height: 32vw; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 380px) {
    .scroll-pane {
        max-height: 30vw; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}

@media (max-width: 335px) {
    .scroll-pane {
        max-height: 28vw; /* Hoặc bất kỳ giá trị nào phù hợp với kích thước của bạn */
    }
}