.button-group {
  display: inline-block;
}

.button-group a {
  margin-right: 10px; /* Khoảng cĂ¡ch giữa cĂ¡c đối tượng */
}


button.close {
  color: red;
}


button.close {
  transition: transform 0.3s ease-in-out;
  
}

button.close:hover {
  transform: rotate(180deg);
}


.button-row {
    display: flex; /* Sá»­ dụng flexbox để căn chỉnh cĂ¡c phần tá»­ ngang hĂ ng */
    align-items: center; /* Căn cĂ¡c phần tá»­ theo chiều dọc */
}

.button-row input, 
.button-row a,
.button-row i {
    margin-right: 3px; /* Khoảng cĂ¡ch giữa cĂ¡c phần tá»­ */
}


#datatable_project_filter
{
    display:none;
}  

/* ThĂªm vĂ o file CSS của bạn (sem.css) */

/* 1. Mặc định, ẩn cĂ¡c nĂºt Sá»­a/XĂ³a */
.action-cell-container .action-hover {
    display: none;       /* Ẩn đi */
    margin-left: 6px;  /* Tạo khoảng cĂ¡ch */
    cursor: pointer;
}

/* 2. Khi rĂª chuá»™t vĂ o hĂ ng (tr) */
tr:hover .action-cell-container .action-hover {
    display: inline;     /* Hiện cĂ¡c nĂºt Sá»­a/XĂ³a */
}

/* 3. Đảm bảo cĂ¡c nĂºt mặc định (Checkbox, View) luĂ´n cĂ¡ch nhau */
.action-cell-container .action-default {
    margin-right: 6px;
    cursor: pointer;
}

/* 4. Căn giữa cĂ¡c icon trong cá»™t */
.action-cell-container {
    text-align: center;
    white-space: nowrap; /* Ngăn cĂ¡c nĂºt xuống hĂ ng */
}

/* VĂ­ dụ CSS cho Label Bo trĂ²n */
.label-rounded {
    /* Tạo hiệu ứng bo trĂ²n gĂ³c */
    border-radius: 9px; 
}

/* Đảm bảo cĂ¡c mĂ u cÆ¡ bản tồn tại */
.label-success {
    background-color: #00a65a; /* Xanh lĂ¡ cĂ¢y */
    color: #fff;
}
.label-warning {
    background-color: #f39c12; /* VĂ ng/Cam */
    color: #fff;
}
.label-danger {
    background-color: #dd4b39; /* Đỏ */
    color: #fff;
}