Dimension Filter is not responding in Chrome after CSS code applied

Hi Everyone,

In SAP Design Studio 1.4 Sp02 I have Dimension Filter which is working good in both IE and Chrome. It is getting regular default font as header in filter and when we select any value for the filter, we need it with bigger font and bold, so I wrote CSS code as below and applied it to my dashboard. After CSS code that dimension filter is working as before only in IE and it is not responding in Chrome. Please see the below code and suggest the changes or extra code if I need to add to this to work in Chrome also.

.sapzenfilterpanel-Container, 

.sapzenfilterpanel-Container .sapUiBorderLayoutTop, 

.sapzenfilterpanel-Container .sapUiBorderLayoutTop, 

.sapzenfilterpanel-HeaderText, 

.sapzenfilterpanel-HeaderText.sapUiTv, 

.sapzenfilterpanel-HeadLine, 

.sapzenfilterpanel-Container .sapUiRrRow .sapzenfilterpanel-RowRepeaterRow div 

{ 

  font-size: 14px !important; 

  color: black !important;

  font-weight: bold;

  background-image: 

    linear-gradient(

    box-shadow: none;

               color: blue;  

    ); 

  top: 1px !important; 

  bottom: 1px !important; 

  align-items: flex-end !important; 

}

Thanks,

AP