@import "../common/_mixins";

.flex-grid {
  
  .cell {
    text-align: center;
    // position: relative;
    // min-width: 50px;
    
    @include noselect();
    @include text-elipsis();
    
    border-left: 1px solid #ccc;
    border-top: 1px solid #ddd;
    
    &.selected {
      border-left: 1px solid #6b6b6b !important;
      
      + .cell {
        border-left: 1px solid #6b6b6b !important;
      }
      
      &.first-selected {
        border-top: 1px solid #6b6b6b !important;
      }
      
      &.last-selected {
        border-bottom: 1px solid #6b6b6b !important;
      }
  
      &:last-of-type {
        border-right: 1px solid #6b6b6b !important;
      }
      
      &.read-only {
        background: darken(#e3e3e3, 2);
      }
      
      &.editing:not(.read-only) {
        $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;
      }
    }
  
    &.read-only {
      background: #f1f0f0;
    
      &.rowSelected {
        background: darken(#e3e3e3, 2);
        border-top: 1px solid #cecece;
      }
    }
  }
}