@font-face {
  font-family: 'icosafety';
  src: url(/fonts/safety.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/ms.woff2) format('woff2');
}


.material-symbols,
.material-icons {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  font-display: block;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: flex;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

[class^="icon-safety"], [class*=" icon-safety"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icosafety' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-boots:before {
  content: "\e900";
  color: #63adec;
}
.icon-earmuff:before {
  content: "\e901";
  color: #63adec;
}
.icon-faceshield:before {
  content: "\e902";
  color: #63adec;
}
.icon-floatation:before {
  content: "\e903";
  color: #63adec;
}
.icon-gloves:before {
  content: "\e904";
  color: #63adec;
}
.icon-goggles:before {
  content: "\e905";
  color: #63adec;
}
.icon-harness:before {
  content: "\e906";
  color: #63adec;
}
.icon-helmet:before {
  content: "\e907";
  color: #63adec;
}
.icon-overalls:before {
  content: "\e908";
  color: #63adec;
}
.icon-required:before {
  content: "\e909";
  color: #63adec;
}
.icon-respirator:before {
  content: "\e90a";
  color: #63adec;
}
.icon-walkway:before {
  content: "\e90b";
  color: #63adec;
}
.icon-workvest:before {
  content: "\e90c";
  color: #63adec;
}
.icon-bypassing_safety_control:before {
  content: "\e90e";
  color: #405ea4;
}
.icon-confined_space:before {
  content: "\e90f";
  color: #405ea4;
}
.icon-driving:before {
  content: "\e910";
  color: #405ea4;
}
.icon-energy_isolation:before {
  content: "\e911";
  color: #405ea4;
}
.icon-hot_work:before {
  content: "\e912";
  color: #405ea4;
}
.icon-line_of_fire:before {
  content: "\e913";
  color: #3f5ea4;
}
.icon-safe_mechanical_lifting:before {
  content: "\e914";
  color: #405ea4;
}
.icon-work_authorization:before {
  content: "\e915";
  color: #405ea4;
}
.icon-working_at_height:before {
  content: "\e916";
  color: #405ea4;
}