.ui-grid {
  border: $ui-grid-border;
  box-sizing: content-box;

  div[role=row] {
    display: table-row;
  }

  div[row=rowgroup] {
    display: table-row-group;
  }

  div[role=gridcell],
  .ui-grid-header-cell {
    display: table-cell;
  }

  .ui-grid-header-cell-row {
    display: table-header-group;
  }
}

.ui-grid-vertical-bar {
  position: absolute;
  right: 0;
  width: 0;
}

.ui-grid-scrollbar-placeholder{
  background-color: transparent;
}

.ui-grid-clearfix {
  @include clearfix();
}

// Wraps the contents inside the grid directive with a relatively-positioned element so that all absolute elements are positioned relative to the grid, and not the page
.ui-grid-contents-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}

.ui-grid-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}