flowchart TD
                            
                            classDef null fill:#e6e6e6,stroke:#787878,font-family: 'Kanit'
                            classDef null:hover fill:#dbdbdb
                            classDef uncheck fill:#fffdeb,stroke:#ffcc00,font-family: 'Kanit',stroke-dasharray: 5 5
                            classDef uncheck:hover fill:#fff8ab
                            classDef unactive fill:#ffebeb,stroke:#f00,font-family: 'Kanit'
                            classDef unactive:hover fill:#fcc2c2
                            classDef active fill:#f0ffeb, stroke:#14cc00,font-family: 'Kanit'
                            classDef active:hover fill:#e0fad7
                            classDef this stroke-dasharray: 5 5, stroke-width:5px