@import '~/@refinitiv-ui/solar-theme/src/responsive';
@import '~/@refinitiv-ui/solar-theme/src/native-elements/input';
@import '~/@refinitiv-ui/solar-theme/src/native-elements/select';
@import '~/@refinitiv-ui/solar-theme/src/native-elements/button';
@import '~/@refinitiv-ui/solar-theme/src/native-elements/a';
@import '~/@refinitiv-ui/solar-theme/src/native-elements/textarea';

@theme-name: 'elf-theme-solar'; //TODO: CHANGE to solar-theme

@import '../base';

:host {

  button,
  button.icon,
  input[type=search],
  input[type=text] {
    margin: 0 !important; // needed to offset existing css styles in solar
    vertical-align: top;
  }

  .tr-grid .title .cell:hover,
  .tr-grid .footer .cell:hover {
    color: @grid-row-hover-text-color;
  }
}