@import "../common/mixins";

.flex-grid {
  
    .header {
      text-align: center;
      background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(210,210,210,1) 100%);
      border-bottom: 2px solid #a0a0a0;
      border-left: 1px solid #ccc;
      padding: 3px 4px 4px 8px;
      color: #000;
      overflow: auto;
      position: relative;
      cursor: pointer;
      
      @include text-elipsis();
      @include noselect();
      
      &.selected {
        font-weight: bold;
        background: linear-gradient(#e8e8e8, #d0cfcf);
      }

      .resizer { 
        width: 3px;
        height: 100%; 
        // background: #bcbcbc;
        position:absolute; 
        right: 0; 
        top: 0; 
        cursor: col-resize; 
      }

    }
}