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

[class^="ma-"], [class*=" ma-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Material' !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;
}

.ma-call_made:before {
  content: "\eadb";
}
.ma-call_received:before {
  content: "\eade";
}
.ma-clear:before {
  content: "\eb1a";
}
.ma-keyboard_backspace:before {
  content: "\ebdb";
}
.ma-arrow_back:before {
  content: "\ecce";
}
.ma-arrow_forward:before {
  content: "\ecd2";
}
.ma-arrow_upward:before {
  content: "\ecdf";
}
.ma-subdirectory_arrow_left:before {
  content: "\ece0";
}
.ma-subdirectory_arrow_right:before {
  content: "\ece1";
}
.ma-arrow_downward:before {
  content: "\ece2";
}
.ma-east:before {
  content: "\ef39";
}
.ma-north:before {
  content: "\ef8a";
}
.ma-north_east:before {
  content: "\ef8b";
}
.ma-north_west:before {
  content: "\ef8c";
}
.ma-south:before {
  content: "\efc6";
}
.ma-south_east:before {
  content: "\efc7";
}
.ma-south_west:before {
  content: "\efc8";
}