$font-path: "../node_modules/@inst-iot/bosch-angular-ui-components/assets/";
$rb-extended-breakpoints: false;  // whether to use extended breakpoints xxl and xxxl
@import "~@inst-iot/bosch-angular-ui-components/styles/global.scss";

@font-face{
  font-family: 'boschmono';
  src: url(/assets/fonts/BoschMono.ttf);
}

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

body {
  scroll-behavior: smooth;
}

a, a:active, a:focus {
  outline: 0 !important;
}

button::-moz-focus-inner {
  border: 0;
}

.clickable {
  cursor: pointer;
}

.space-below {
  margin-bottom: $default-spacing;
}

.space-above {
  margin-top: $default-spacing;
}

.space-right {
  margin-right: $default-spacing;
}

.space-left {
  margin-left: $default-spacing;
}

.supergraphic {
  background-image: url("/assets/imgs/supergraphic.svg");
}

//list styles
ul {
  margin: 10px 0 10px 25px;
  padding-left: 10px;
  list-style: none;

  li {

    &:before {
      float: left;
      content: '';
      height: 8px;
      width: 8px;
      background: rgb(0,0,0);
      position: relative;
      top: 0.5em;
      margin-left: -1.5em;
      margin-right: .3em;
      text-align: right;
    }
  }
}

.nav-main a.active {
  font-weight: bold;
}