pb .aw-mouseover-row style

this style
#grid2 .aw-mouseover-row {background: #B9D2F0;}

does not work when I defined specific background colors for rows

// Colors
obj.defineRowProperty("Mybackcolor", function(row){
if(row==2 || row==10 || row==15 || row==16 || row==19 || row==21) return "#DDDDD0";
else if(row==3 || row==4 || row==5) return "#FFDDEE";
else if(row == 6) return "#C8AABB";
else return null;
});
obj.getRowTemplate().setStyle("background-color", function(){return this.getRowProperty("Mybackcolor");});

I found the solution on the forum
style must be
#grid2 .aw-mouseover-row {background: #B9D2F0!important;}