remove border in selected grid cell with cls and css

Hi:

I have a tree panel grid and there is a border of 1 px which I wanted to remove.

The rule who shows up on the inspector is

Code:

.x-grid-item-focused .x-grid-cell-inner::before
content: "";
position: absolute;
z-index: -1;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
border: 1px solid #53855f;

I've tried

Code:

.my_grid .x-grid-item-focused:before{
    border: 1px solid #293134 !important; 
}

.my_grid .x-grid-item-focused{
    border: 1px solid #293134 !important; 
}

.my_grid .x-grid-item-focused{
    border: 0px; 
}

and all doesn't seem to work

I can manipulate other parts such as

Code:

.my_grid .x-grid-item-focused{
    background-color: red !important; 
}

Any ideas?

Thanks

J.

remove border in selected grid cell with cls and css