Adjust tabulator row height in different tables

I have 2 tabulator tables in then same page (#tableC id="Cuentas" and #tableM id="Movimientos") and every table should have differente row height.

I have tried in CCS file

tableC.tabulator-row.tabulator-cell { height:40px;} 
tableM.tabulator-row.tabulator-cell { height:100px;}

and

#Cuentas.tabulator-row.tabulator-cell { height:40px;} 
#Movimientos.tabulator-row.tabulator-cell { height:100px;}

and

tableC.tabulator-row.element.style { height:40px;} 
tableM.tabulator-row.element-style { height:100px;}

and several combinations more, None of them works

If I write

.tabulator-row.tabulator-cell { height:40px;}

if fixes the row height for all the tables in page

How can I do different row height for different tables

Solution

You need to add a space between id selector and class selector.

#Cuentas .tabulator-row { height:10px;} 
#Movimientos .tabulator-row { height:40px;}