.ui-grid-footer {
  float: left;
  width: 100%;

  &-canvas {
    position: relative;
    @include clearfix;
  }

  &-cell {
    box-sizing: border-box;
    display: table-cell;
  }

  &-cell-row {
    display: table-row;
  }

  &-panel {
    border-bottom: $ui-grid-border;
    border-top: $ui-grid-border;
    font-weight: bold;
    overflow: hidden;
  }

  &-viewport {
    overflow: hidden;
  }

  &-cell-wrapper {
    position: relative;
    display: table;
    box-sizing: border-box;
    height: 100%;
  }
}

.ui-grid-filter-input input[type='text'] {
  @extend .form-control !optional;
}

.ui-grid-render-container-body .ui-grid-canvas {
  height: 100%;
}