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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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-task:before {
  content: "\e800";
}
.icon-screw-wrench:before {
  content: "\e801";
}
.icon-trash:before {
  content: "\e802";
}
.icon-lasso-tool:before {
  content: "\e862";
}
.icon-hand-tool:before {
  content: "\e868";
}
.icon-milestone:before {
  content: "\e900";
  color: #891ce8;
}
.icon-preCondition:before {
  content: "\e905";
   background: linear-gradient(to top right, #891ce8 50%, #ffb700 50%);
  -webkit-background-clip: text; /* For WebKit/Blink browsers */
  color: transparent;
  -webkit-text-fill-color: transparent; /* For WebKit/Blink browsers */
}
.icon-condition:before {
  content: "\e908";
  color: #ffb700;
}
.icon-response:before {
  content: "\e90e";
  color: #0400ff;
}
.icon-noResponse:before {
  content: "\e912";
  color: #715450;
}
.icon-include:before {
  content: "\e916";
  color: #0ec93d;
}
.icon-exclude:before {
  content: "\e91a";
  color: #f00;
}
.icon-history:before {
  content: "\e94d";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}