@font-face {
  font-family: 'mat-icons';
  src:  url('../fonts/mat-icons.eot?j2rt8a');
  src:  url('../fonts/mat-icons.eot?j2rt8a#iefix') format('embedded-opentype'),
    url('../fonts/mat-icons.woff?j2rt8a') format('woff'),
    url('../fonts/mat-icons.svg?j2rt8a#ma-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon-mat_briefcase .path1:before,
.icon-mat_briefcase .path2:before,
.icon-mat_calipers .path1:before,
.icon-mat_calipers .path2:before,
.icon-mat_cart .path1:before,
.icon-mat_cart .path2:before,
.icon-mat_chip .path1:before,
.icon-mat_chip .path2:before,
.icon-mat_cloud02 .path1:before,
.icon-mat_cloud02 .path2:before,
.icon-mat_cloud02 .path3:before,
.icon-mat_generalinfo01 .path1:before,
.icon-mat_generalinfo01 .path2:before,
.icon-mat_generalinfo01 .path3:before,
.icon-mat_generalinfo02 .path1:before,
.icon-mat_generalinfo02 .path2:before,
.icon-mat_generalinfo02 .path3:before,
.icon-mat_glasses,
.icon-mat_lightbulb .path1:before,
.icon-mat_lightbulb .path2:before,
.icon-mat_lightbulb .path3:before,
.icon-mat_lightbulb .path4:before,
.icon-mat_list01 .path1:before,
.icon-mat_list01 .path2:before,
.icon-mat_list01 .path3:before,
.icon-mat_list01 .path4:before,
.icon-mat_list01 .path5:before,
.icon-mat_lockON .path1:before,
.icon-mat_lockON .path2:before,
.icon-mat_power .path1:before,
.icon-mat_power .path2:before,
.icon-mat_search .path1:before,
.icon-mat_search .path2:before,
.icon-mat_settings02 .path1:before,
.icon-mat_settings02 .path2:before,
.icon-mat_settings02 .path3:before,
.icon-mat_settings03 .path1:before,
.icon-mat_settings03 .path2:before,
.icon-mat_settings03 .path3:before,
.icon-mat_settings03 .path4:before,
.icon-mat_technical .path1:before,
.icon-mat_technical .path2:before

{
[class^="icon-mat_"], [class*=" icon-mat_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mat-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mat_briefcase .path1:before {
  content: "\e95c";
  color: rgb(237, 27, 47);
}
.icon-mat_briefcase .path2:before {
  content: "\e95d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_calipers .path1:before {
  content: "\e95e";
  color: rgb(237, 27, 47);
}
.icon-mat_calipers .path2:before {
  content: "\e95f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_cart .path1:before {
  content: "\e960";
  color: rgb(237, 27, 47);
}
.icon-mat_cart .path2:before {
  content: "\e961";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_chip .path1:before {
  content: "\e962";
  color: rgb(237, 27, 47);
}
.icon-mat_chip .path2:before {
  content: "\e963";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_cloud02 .path1:before {
  content: "\e964";
  color: rgb(237, 27, 47);
}
.icon-mat_cloud02 .path2:before {
  content: "\e965";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_cloud02 .path3:before {
  content: "\e966";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_generalinfo01 .path1:before {
  content: "\e967";
  color: rgb(237, 27, 47);
}
.icon-mat_generalinfo01 .path2:before {
  content: "\e968";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_generalinfo01 .path3:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_generalinfo02 .path1:before {
  content: "\e96a";
  color: rgb(237, 27, 47);
}
.icon-mat_generalinfo02 .path2:before {
  content: "\e96b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_generalinfo02 .path3:before {
  content: "\e96c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_glasses  {
  content: "\e96d";
  color: rgb(237, 27, 47);
}
.icon-mat_lightbulb .path1:before {
  content: "\e96f";
  color: rgb(237, 27, 47);
}
.icon-mat_lightbulb .path2:before {
  content: "\e970";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_lightbulb .path3:before {
  content: "\e971";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_lightbulb .path4:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_list01 .path1:before {
  content: "\e973";
  color: rgb(237, 27, 47);
}
.icon-mat_list01 .path2:before {
  content: "\e974";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_list01 .path3:before {
  content: "\e975";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_list01 .path4:before {
  content: "\e976";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_list01 .path5:before {
  content: "\e977";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_lockON .path1:before {
  content: "\e978";
  color: rgb(237, 27, 47);
}
.icon-mat_lockON .path2:before {
  content: "\e979";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_power .path1:before {
  content: "\e97a";
  color: rgb(237, 27, 47);
}
.icon-mat_power .path2:before {
  content: "\e97b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_search .path1:before {
  content: "\e97c";
  color: rgb(237, 27, 47);
}
.icon-mat_search .path2:before {
  content: "\e97d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_settings02 .path1:before {
  content: "\e97e";
  color: rgb(237, 27, 47);
}
.icon-mat_settings02 .path2:before {
  content: "\e97f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_Settings02 .path3:before {
  content: "\e980";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_settings03 .path1:before {
  content: "\e981";
  color: rgb(237, 27, 47);
}
.icon-mat_settings03 .path2:before {
  content: "\e982";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_settings03 .path3:before {
  content: "\e983";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_settings03 .path4:before {
  content: "\e984";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mat_technical .path1:before {
  content: "\e985";
  color: rgb(237, 27, 47);
}
.icon-mat_technical .path2:before {
  content: "\e986";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}