@import 'variables';

.ui-grid-render-container {
    position: inherit;
    // overflow: hidden;


    // Prevent an outline from showing if we focus the render container element
    &:focus {
      outline: none;
    }
}

.ui-grid-canvas {
  position: relative;
  padding-top:1px; //to prevent canvas from absorbing the 1st rendered row's margin
}

.ui-grid-row {
  background-color: $row-bg-color;

  &:nth-child(even) {
    background-color: $wk-primary-gray-tint5;

    &:hover,
    &:active {
      background-color: $wk-primary-gray-tint4;
    }
  }

  &:hover,
  &:active {
    background-color: $row-hover-bg-color;

    .ui-grid-selection-row-header-buttons::before {
      opacity: .25;
      //@include e();
    }
  }
}

.ui-grid-viewport {
  overflow-x: auto;
  overflow-y: scroll;

  &:focus {
    outline: none;
  }
}



.ui-grid-no-row-overlay {
  border: $ui-grid-border;
  font-size: 2em;
  left: 0;
  margin: 10%;
  position: absolute;
  text-align: center;
  top: 0;

  > * {
    bottom: 0;
    display: table;
    left: 0;
    margin: auto 0;
    opacity: .66;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
}