.avatar-zoom-out {
    overflow: hidden; /* Để hình ảnh không tràn ra ngoài */
    transition: transform 0.5s ease; /* Thêm hiệu ứng chuyển tiếp */
}
    .avatar-zoom-out img:hover {
        transform: scale(5.0); /* Phóng to hình ảnh khi hover */
    }


.mud-wasm {
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1000;
    height: 100%;
    width: calc(100% + 12px);
    display: flex;
    margin: 0 -12px;
    overflow: hidden;
}

.mud-wasm-cont {
    background: rgba(255, 255, 255, 1);
    margin: auto;
    text-align: center;
    height: 80px;
    width: 80px;
    padding: 0;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*Ô trạng thái của các model*/
.model-status {
    font-size: 14px;
    text-align: center;
    border-radius: 12px;
    padding: 4px 8px;
    width: fit-content !important;
    min-width: 130px !important;
}

.column-header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    font-weight: 700 !important;
}

.mud-table-cell {
    margin: 0 !important;
    padding: 8px !important;
    text-align: center !important;
    font-weight: 400 !important;
}

.mud-table-cell-custom-group {
    font-weight: 700 !important;
    text-align: start !important;
    /*    background-color: red!important;*/
}

.mud-table-cell-custom-group-footer {
    padding-bottom: 50px;
    text-align: right;
}