@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(MaterialIcons-Regular.woff2) format('woff2'),
       url(MaterialIcons-Regular.woff) format('woff'),
       url(MaterialIcons-Regular.ttf) format('truetype');
}

[class*="ui-icon-md"]:before, [class*="ui-icon-md"]:after, [class*="ui-icon-checkbox"] {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*Icon character mapping*/
.ui-icon[class*="ui-icon-md"] {
    background-image: none;
}

.ui-icon-md-arrow-drop-down:after {
    content: 'arrow_drop_down' !important;
}

.ui-icon-md-arrow-drop-up:after {
    content: 'arrow_drop_up' !important;
}

.ui-icon-md-assessment:before {
    content: 'assessment';
}

.ui-icon-md-share:before {
    content: 'share';
}

.ui-icon-md-chevron-left:after {
    content: 'chevron_left' !important;
}

.ui-icon-md-chevron-right:after {
    content: 'chevron_right' !important;
}

.ui-icon-md-more-vert:after {
    content: 'more_vert' !important;
}

.ui-icon-md-clear:before {
    content: 'clear';
}

.ui-icon-md-search:before {
    content: 'search';
}

.ui-icon-md-close:before {
    content: 'close';
}

.ui-icon-md-done:before {
    content: 'done';
}

.ui-icon-md-delete:before {
    content: 'delete';
}

/* override jQuery UI checkboxes */
.ui-checkbox-on:after {
    font-family: 'Material Icons';
    content: 'check_box' !important;
    font-feature-settings: 'liga';
}
.ui-checkbox-off:after {
    font-family: 'Material Icons';
    content: 'check_box_outline_blank' !important;
    font-feature-settings: 'liga';
}