@media (max-width: 768px) {
    .dx-datagrid {
        font-size: 14px; /* Thu nhỏ chữ trên mobile */
    }
}
/* NEW: CSS cho nút Edit */
.dx-datagrid .dx-link-edit {
    background-color: #007bff; /* Xanh dương */
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 5px;
}

/* NEW: CSS cho nút Save */
.dx-datagrid .dx-link-save {
    background-color: #28a745; /* Xanh lá */
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 5px;
}

/* NEW: CSS cho nút Cancel */
.dx-datagrid .dx-link-cancel {
    background-color: #808080; /* Xanh lá */
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 5px;
}

/* NEW: CSS cho nút Delete */
.dx-datagrid .dx-link-delete {
    background-color: #dc3545; /* Đỏ */
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
}

/* NEW: Hover effect */
.dx-datagrid .dx-link-edit:hover {
    background-color: #0056b3;
}

.dx-datagrid .dx-link-save:hover {
    background-color: #218838;
}

.dx-datagrid .dx-link-delete:hover {
    background-color: #b02a37;
}

/* NEW: Responsive cho mobile */
@media (max-width: 768px) {
    .dx-datagrid .dx-link-edit,
    .dx-datagrid .dx-link-save,
    .dx-datagrid .dx-link-cancel,
    .dx-datagrid .dx-link-delete {
        padding: 3px 6px;
        font-size: 12px;
    }
}


/* NEW: Tùy chỉnh viền dòng */
.dx-datagrid-rowsview .dx-row {
    border-bottom: 1px solid #007bff !important; /* Viền dưới màu xanh dương */
}

    /* NEW: Loại bỏ viền trên cùng của dòng đầu tiên (nếu muốn) */
    .dx-datagrid-rowsview .dx-row:first-child {
        border-top: none !important;
    }

    /* NEW: Khi hover, đổi màu viền nếu muốn */
    /*.dx-datagrid-rowsview .dx-row:hover {
        border-bottom: 2px solid #ff4500 !important;*/ /* Viền cam đậm khi hover */
    /*}*/

/* NEW: Responsive cho mobile */
@media (max-width: 768px) {
    .dx-datagrid-rowsview .dx-row {
        border-bottom: 1px solid #007bff !important; /* Giữ viền trên mobile */
    }
}

.bold-column .dx-datagrid-text-content {
    font-weight: bold !important;
}
.nav-item {
    padding-left: 10px;
    padding-right: 10px;
    border-radius:10px;
    border: 1px solid #fff;
}