$fa-font-path: '~font-awesome/fonts';
$connect-font-path: '~connect-bootstrap/fonts';
$connect-image-path: '~connect-bootstrap/images';

@import '~font-awesome/scss/font-awesome';
@import '~ag-grid/dist/styles/ag-grid.css';
@import '~ag-grid/dist/styles/theme-bootstrap.css';

@import '~connect-bootstrap/scss/connect-common-variables';
@import '~connect-bootstrap/scss/globals/globals';

html.dark {
  @import '~connect-bootstrap/scss/connect-dark-variables';
  @import '~connect-bootstrap/scss/variable-overrides/variable-overrides';
  @import '~bootstrap/scss/bootstrap';
  @import '~connect-bootstrap/scss/class-overrides/class-overrides';

  @import './custom-styles.scss';
}

html.light {
  @import '~connect-bootstrap/scss/connect-light-variables';
  @import '~connect-bootstrap/scss/variable-overrides/variable-overrides';
  @import '~bootstrap/scss/bootstrap';
  @import '~connect-bootstrap/scss/class-overrides/class-overrides';

  @import './custom-styles.scss';
}

html, body {
  height: 100% !important;
}

html.dark, html.light {
    height: 100%;
}

body {
  margin-bottom: 50px;
}

.table.about {
  width: 300px;
}