@import "~@dewesoft-web/ui/common/mixins";

$hover-color: #f5f5f5;

tr.row {
  height: 25px;
  
  &:hover {
    //td.data {
    background-color: $hover-color;
    transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
    
    //&.readOnly {
    //  background-color: darken($hover-color, 7);
    //}
    //}
  }
  
  &.hidden {
    display: none;
  }
  
  &.selected {
    background-color: darken(#f2f2f2, 2);
    
    &:hover {
      background-color: darken(darken(#f2f2f2, 2), 2);
    }
    
    &.first > td {
      border-top: 1px solid #bfbebe;
    }
    
    &.last > td {
      border-bottom: 1px solid #bfbebe;
    }
  }
  
  //&.selecting {
  //  @include noselect();
  //}
}