/** note: these colours are also defined in JS (acuite-highcharts-theme.js) and C# (UIColours.cs)*/
/** Extra Colors used in highcarts */
/** Chart colors */
/** colours used by audits */
/** colours used by risk ratings */
/* New Responsive Breaks */
/* Sidebar */
/* Navbar */
/* Siddebar Logo */
/* Title Navbar */
/*   MIXINS   */
.font-primary {
  font-family: 'Lato', -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #5D5D5D;
  line-height: 20px;
}
.font-secondary {
  font-family: 'Lato', -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 11px;
  color: #888888;
  line-height: 16px;
}
.font-secondary-standard {
  font-family: 'Lato', -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #888888;
  line-height: 16px;
}
.font-tertiary {
  font-family: 'Lato', -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 11px;
  color: #979797;
  line-height: 16px;
}
.font-tertiary-standard {
  font-family: 'Lato', -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #979797;
  line-height: 16px;
}
/**************************************************************************
    ANIMATIONS
***************************************************************************/
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* Copied directly from _bs_variables.less (with minor modifications) */
@font-face {
  font-family: 'acuite-icon-font';
  src: url('/content/fonts/acuite-font.woff?20190221') format('woff'), url('/content/fonts/acuite-font.ttf?20190221') format('truetype'), url('/content/fonts/acuite-font.svg?20190221#acuite-icon-font') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa.ac {
  /*** Incident Category Icons */
  /** Custom weather icons */
  /** Custom Body part icons */
}
.fa.ac:before {
  font-family: "acuite-icon-font" !important;
  vertical-align: bottom;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}
.fa.ac.fa-file-csv:before {
  content: "\e900";
}
.fa.ac.fa-file-pdf:before {
  content: "\e90b";
}
.fa.ac.fa-hse:before,
.fa.ac.fa-hns:before,
.fa.ac.fa-health-and-safety:before {
  font-family: 'FontAwesome' !important;
  content: "\f0fa";
}
.fa.ac.fa-risks:before {
  font-family: 'FontAwesome' !important;
  content: "\f24e";
}
.fa.ac.fa-plus:before {
  content: "\e145";
}
.fa.ac.fa-block:before,
.fa.ac.fa-na:before {
  content: "\e14b";
}
.fa.ac.fa-no:before,
.fa.ac.fa-non-compliant:before {
  content: "\e14c";
}
.fa.ac.fa-minus:before {
  content: "\e15b";
}
.fa.ac.fa-reports:before {
  content: "\e24d";
}
.fa.ac.fa-gallery:before,
.fa.ac.fa-image-gallery:before {
  content: "\e432";
}
.fa.ac.fa-cost:before,
.fa.ac.fa-costs:before {
  content: "\e54e";
}
.fa.ac.fa-shop-drawings:before {
  content: "\e55b";
}
.fa.ac.fa-yes:before,
.fa.ac.fa-compliant:before {
  content: "\e5ca";
}
.fa.ac.fa-menu:before {
  content: "\e5d2";
}
.fa.ac.fa-more:before {
  content: "\e5d3";
}
.fa.ac.fa-more-vert:before {
  content: "\e5d4";
}
.fa.ac.fa-comment:before {
  content: "\e625";
}
.fa.ac.fa-relationships:before {
  content: "\e7fb";
}
.fa.ac.fa-relationships-o:before {
  content: "\e7fc";
}
.fa.ac.fa-quality:before {
  font-family: 'FontAwesome' !important;
  content: "\f046";
}
.fa.ac.fa-avatar:before {
  content: "\e853";
}
.fa.ac.fa-dashboard:before,
.fa.ac.fa-portfolio-dashboard:before,
.fa.ac.fa-project-dashboard:before {
  content: "\e871";
}
.fa.ac.fa-time:before {
  content: "\e8b5";
}
.fa.ac.fa-settings:before,
.fa.ac.fa-system-settings:before,
.fa.ac.fa-project-settings:before,
.fa.ac.fa-getting-started:before,
.fa.ac.fa-company-settings:before {
  content: "\e8b8";
}
.fa.ac.fa-handshake:before {
  content: "\e90d";
}
.fa.ac.fa-incident-env:before {
  content: "\e911";
}
.fa.ac.fa-incident-o:before {
  content: "\e913";
}
.fa.ac.fa-incident-obv:before {
  content: "\e913";
}
.fa.ac.fa-incident-ho:before {
  content: "\e913";
}
.fa.ac.fa-incident-nm:before {
  content: "\e912";
}
.fa.ac.fa-incident-fa:before {
  content: "\e909";
}
.fa.ac.fa-incident-mti:before {
  content: "\e910";
}
.fa.ac.fa-incident-lti:before {
  content: "\e907";
}
.fa.ac.fa-incident-f:before {
  content: "\e908";
}
.fa.ac.fa-cloudy:before {
  content: "\e906";
}
.fa.ac.fa-cloudy-day:before {
  content: "\e906";
}
.fa.ac.fa-heat:before {
  content: "\e901";
}
.fa.ac.fa-snow-storm:before {
  content: "\e905";
}
.fa.ac.fa-wind:before {
  content: "\e902";
}
.fa.ac.fa-storm:before {
  content: "\e903";
}
.fa.ac.fa-rain:before {
  content: "\e904";
}
.fa.ac.fa-stop-sign:before {
  content: "\e90c";
}
.fa-kpi-time:before,
.fa-kpi-0:before {
  font-family: "acuite-icon-font" !important;
  vertical-align: bottom;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  content: "\e8b5";
}
.fa-kpi-cost:before,
.fa-kpi-1:before {
  content: "\f155";
}
.fa-kpi-quality:before,
.fa-kpi-3:before {
  /*font-family: "acuite-icon-font" !important;*/
  font-family: 'FontAwesome' !important;
  vertical-align: bottom;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  content: "\f046";
}
.fa-kpi-hse:before,
.fa-kpi-2:before,
.fa-hns:before,
.fa-health-and-safety:before {
  content: "\f132";
}
.fa-kpi-relationships:before,
.fa-kpi-4:before {
  font-family: "acuite-icon-font" !important;
  vertical-align: bottom;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  content: "\e7fb";
}
.fa-kpi-risks:before,
.fa-kpi-10:before {
  /*font-family: "acuite-icon-font" !important;*/
  font-family: 'FontAwesome' !important;
  vertical-align: bottom;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  content: "\f24e";
}
.fa-kpi-misc:before {
  content: "\f187";
}
.fa-kpi-12:before {
  vertical-align: bottom;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  content: "\f1b8";
}
.fa-kpi-13:before {
  vertical-align: bottom;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  content: "\f013";
}