.center-cell {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            padding: 0;

        }

        .color-preview {
            width: 52px;
            height: 38px;
            border-radius: 1px;
            border: 2px solid transparent;
            transition: border 0.3s ease;
        }

        [data-bs-theme="light"] .color-preview {
            border-color: #000;
        }

        [data-bs-theme="dark"] .color-preview {
            border-color: #fff;
        }

        table.dataTable th,
        table.dataTable td {
            vertical-align: middle !important;
        }



        th {
            text-align: center;
            vertical-align: middle;
        }

        #datatable th {
            text-align: center;
            vertical-align: middle;
        }

        table#datatable td.text-right {
            text-align: right;
        }

        table.dataTable th,
        table.dataTable td {
            vertical-align: middle !important;
        }



        .ubah-data-column {
            width: 150px;
            max-width: 200px;
            text-align: center;
        }

        @media (max-width: 768px) {
            .btn {
                font-size: 0.75rem;
                padding: 6px 12px;
            }

            .ubah-data-column {
                width: auto;
            }
        }

        .actions {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            width: 100%;
        }