grid-renderer {
  @import 'loops.scss';

  html {
    box-sizing: border-box;
    height: 100%;
    max-height: 100vh;
    background-color: rgba(204, 204, 204, .219);
  }

  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }

  html,
  body {
    display: block;
    height: 100%;
    max-height: 100vh;
    margin: 0;
    overflow: auto;
    font-family: 'Helvetica Neue', Arial, sans-serif;
  }

  .panel-open {
    .fb-row {
      padding: 0;
      margin: 0;
      border: 0;
    }
  }

  .resize-handle {
    display: block !important;
    visibility: initial !important;
    border-right: 1px solid #ccc;
    opacity: .5;
  }

  .ngx-datatable.bootstrap .datatable-body {
    .datatable-body-row:hover {
      background: #ccc;

      &.active {
        background: #6693c6;
      }
    }
  }
}
