td.data {
  font-size: 12px;
  //padding: 4px 4px 4px 8px;
  padding: 0 3px 0 3px;
  //padding: 0 0 0 8px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ddd;
  //height: 24px;
  //line-height: 24px;
  text-align: center;
  
  * {
    white-space: nowrap;
  }

  &.first-column {
    border-left: 3px solid #d5d5d5; //transparent;
    // transition: background 0.15s ease-in-out, border-left 0.2s ease-out, border-right 0.2s ease-out;
    transition: border-left 0.2s ease-out, border-right 0.2s ease-out;

    &.rowSelected {
      border-left: 3px solid #ff7949 !important;
    }
  }

  &.readOnly {
    background: #f1f0f0;

    &.rowSelected {
      background: darken(#e3e3e3, 2);
      border-top: 1px solid #cecece;
    }
  }

  &.selected {
    border-left: 1px solid #6b6b6b !important;
    border-right: 1px solid #6b6b6b !important;

    &.first-selected {
      border-top: 1px solid #6b6b6b !important;
    }

    &.last-selected {
      border-bottom: 1px solid #6b6b6b !important;
    }

    &.readOnly {
      background: darken(#e3e3e3, 2);
    }

    &.editing {
      $border-size: 2px;
      
      padding: 0;
      margin: 0;
      border-top: $border-size solid rgba(255, 121, 73, 0.6) !important;
      border-right: $border-size solid rgba(255, 121, 73, 0.6) !important;
      border-left: $border-size solid rgba(255, 121, 73, 0.6) !important;
      border-bottom: $border-size solid rgba(255, 121, 73, 0.6) !important;
      //display: block;
    }
  }
}