.row-hover {
    transition: background-color 0.3s ease; /* Hiệu ứng chuyển đổi mượt mà */
}

.row-hover:hover {
    background-color: #87CEEB; /* Màu xanh da trời */
}

.fadeModal {
    transition: opacity 0.5s ease;
}

.zoomModal {
    transform: scale(0);
    transition: transform 0.5s ease;
}

.slideModal {
    transform: translateY(-100%);
    transition: transform 0.5s ease;
}
/* Cho phép chọn văn bản mặc định trên toàn hệ thống CMS/ERP. Các trang khách hàng sẽ cấu hình riêng. */
.sortable-header:hover {
    background-color: #e2e2e2;
    border-radius: 4px;
    transition: 0.2s;
}
.sortable-header i {
    font-size: 0.8rem;
}

.modal:nth-of-type(1) { z-index: 1050 !important; }
.modal-backdrop:nth-of-type(1) { z-index: 1040 !important; }

.modal:nth-of-type(2) { z-index: 1060 !important; }
.modal-backdrop:nth-of-type(2) { z-index: 1059 !important; }

.modal:nth-of-type(3) { z-index: 1070 !important; }
.modal-backdrop:nth-of-type(3) { z-index: 1069 !important; }