/* Custom Styles for SweetCSDL */
/* Áp dụng cho tiêu đề để các dòng cân bằng, không bị lệch */
h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

/* Áp dụng cho đoạn văn để tránh một từ đứng lẻ loi ở dòng cuối */
p, td, span {
    text-wrap: pretty;
}
/* Failsafe utility class to disable mouse interactions on disabled buttons */
.pointer-events-none {
    pointer-events: none !important;
}
.ss-content.slimselect.slimselect-adv-filter.w-full.single-select.ss-bound.ss-dir-below.ss-open {
    transform: translateY(4px);
}

.ss-content.ss-dir-above {
    transform: translateY(-4px);
}

.ss-list {
    padding-right: 4px !important;
}

.ss-content {
    z-index: 40 !important;
}

.toast-container.top-right {
    top: 4.25rem !important;
    right: 1rem !important;
}


@media (max-width: 39.9375rem) {
    .bottom-18 {
        bottom: calc(var(--spacing) * 18);
    }
}

@media (min-width: 48rem){
    .md\:bottom-6 {
        bottom: calc(var(--spacing) * 6);
    }
}

@keyframes smooth-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.animate-smooth-spin {
    animation: smooth-spin 1s linear infinite !important;
    display: inline-block;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

/* Loại bỏ nền xám khi nút xóa đang ở trạng thái loading (pointer-events-none) */
.btn-clear-input.pointer-events-none {
    background-color: transparent !important;
}

.has-search-clear .input-ui {
    padding-right: 2.5rem !important;
}